Vue.js项目中使用element _小知识

本篇经验将和大家介绍Vue.js项目中使用element-ui控件的方法，希望对大家的工作和学习有所帮助！方式/
1在已经安装了nodejs的机械上，利用号令提醒符进行vue项目建立，号令为
vue init webpack vue-project
如下图所示：

文章插图

文章插图

2【Vue.js项目中使用element】继续执行号令
cd vue-project
npm run dev
编译完当作后，提醒应用程序已经运行在某个端口上，如下图所示：

文章插图

3经由过程拜候地址，可以看到一个vue的项目框架就已经搭建好了，如下图所示：

文章插图

4我们在号令行中输入code . 来利用Visual Studio Code打开该vue项目，如下图所示：

文章插图

文章插图

5在建立好Vue项目中，经由过程npm的体例安装element-ui，它可以或许更好地和
webpack打包东西共同利用，我们在VS Code中打开终端，输入号令
npm i element-ui -S
，如下图所示：

文章插图

6打开src/main.js，经由过程import引入element-ui组件及样式文件，并添加到全局Vue实例中，如下图所示：

文章插图

7我们点窜components/HelloWorld.vue文件，可以利用<el-button>控件，代码如下图所示：

文章插图

8在终端上利用 npm run dev 运行页面，然后经由过程浏览器拜候vue项目标地址，结果如下图所示：

文章插图

以上内容就是Vue.js项目中使用element的内容啦，希望对你有所帮助哦！

Vue.js项目中使用element