把vue和iview引入到html中,如何在vue-cli项目中引用Iview和Element

一、在vue-cli中引入iview

1、首先打开命名行，在该项目下进行安装iview

npm install iview --save

2、在src目录下的main.js文件中全局引入：

import Vue from 'vue'

import App from './App'

import router from './router'

import iView from 'iview' //引入ivew库

import 'iview/dist/styles/iview.css' // 使用 CSS

Vue.config.productionTip = false

Vue.use(iView)

/* eslint-disable no-new */

new Vue({

el: '#app',

router,

template: '',

components: { App }

})

二、在vue-cli中引入Element

1、首先打开命名行，在该项目下进行安装element

npm i element-ui -S

2、在src目录下的main.js文件中全局引入：

import Vue from 'vue'

import ElementUI from 'element-ui'; //引入element库

import 'element-ui/lib/theme-chalk/index.css'; //引入element的css

import App from './App'

import router from './router'

Vue.use(ElementUI);

Vue.config.productionTip = false

/* eslint-disable no-new */

new Vue({

el: '#app',

router,

components: { App },

template: ''

})

以上就是本章的内容