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 , 運行網頁查看效果

引入成功

 

發佈了21 篇原創文章 · 獲贊 4 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章