VUE学习笔记(四) 引用element-ui

VUE学习笔记(一)   环境

VUE学习笔记(二) Visual Studio Code

VUE学习笔记(三) 运行VUE

VUE学习笔记(四) 引用element-ui

VUE学习笔记(五) 引入axios

一 安装

方法一

运行：npm i element-ui -S, 安装包文件

安装成功,

可在package.json 中看到, 自己加入了element-ui的信息.

方法二.

把要加引入的包名写到package.json中.

执行 npm install 进行安装

二  引入

在目录 src/main.js 中加入

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

修改默认的HelloWorld.vue, 测试element ui 是否已经成功引用

<template>
  <div>
   <el-button type="success">element button</el-button>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {};
  }
};
</script>

npm run dev , 运行网页查看效果

引入成功