辉太郎看前端(vue的两种视图插件)

前言

1. 下载的指令
2. 有几种引入方式
3. 如何引入

使用

1. 下载的指令

//下载element-ui插件  用于PC端
npn install element-ui -S
//下载vant插件  用于移动端
npm install vant -S

2. 如何引入
   用两种引入方式分别是全局引入和按需引入。
3. 使用

element-ui

• element-ui的全局引入

//导入element-ui
import ElementUI from 'element-ui'
//引入css样式
import 'element-ui/lib/theme-chalk/index.css'
//全局挂载
Vue.use(ElementUI)

• element-ui的按需引入

//需要那个组件就导入那个组件
import{组件名,……}  from 'element-ui'
//引入css样式
import 'element-ui/lib/theme-chalk/index.css';
//挂载组件，每导入一个组件就要挂载一次
Vue.use(组件名)
Vue.use(组件名)

vant

• vant的全局引入

//引入vant-ui
import Vant from 'vant'
//引入css样式
import 'vant/lib/index.css'
//挂载vant
Vue.use(Vant)

• vant的按需引入

//引入需要的vant组件
import {组件名,...} from 'vant'
//引入css样式
import 'vant/lib/index.css'
//挂载需要的组件
Vue.use(组件名)

注： 以上的引入都是在main.js中完成的。

总结

写的不好，希望各位大佬多多指教。