如何使用vue的use方法使用element组件
发布网友
发布时间：2022-04-19 10:17
共1个回答
热心网友
时间：2022-04-20 12:08
1.打开cmd，运行：vue init webpack Vue-Demo
2.运行：cd Vue-Demo进入这一级
3.运行：npm install
4.运行：npm run dev
如果浏览器打开之后，没有加载出页面，说明本地的8080 端口被占用，需要修改一下配置文件 config/index.js
解释：1.将 build 的路径前缀修改为 ' ./ '（原本为 ' / '），是因为打包之后，外部引入 js 和 css 文件时，如果路
径以 ' / ' 开头，那么在本地是无法找到对应文件。所以如果需要在本地打开打包后的文件，
就得修改文件路径。
2.将端口号改为不常用的端口。
项目新建完成。
二、引入Element
1.打开cmd，在当前目录中运行：npm i element-ui -S
2.src/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 ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.config.proctionTip = false
/* eslint-disable no-new */
Vue.use(ElementUI)
new Vue({
el: '#app',
router,
template: '<App/>',
components: { App }
})
3.然后在.vue文件里就直接可以用了
例如：在src/components/Hello.vue做一下修改
