电商项目笔记（2）---引入vant

vant介绍

vant是一种轻量、可靠的移动端 Vue 组件库。vant特点如下：

• 50+ 个经过有赞线上业务检验的组件
• 80%+ 单元测试覆盖率
• 完善的文档和示例
• 支持 babel-plugin-import
• 支持 TypeScript
• 支持 SSR

vant安装

npm i vant -S

vant引入

在main.js文件中引入，并使用即可。

// main.js
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import Vant from 'vant'
import 'vant/lib/index.css'

Vue.use(Vant)
Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
    el: '#app',
    router,
    components: { App },
    template: '<App/>'
})