Vue+Element UI 页面创建

这是小小本周的第六篇,本篇将会着重讲解关于Vue和Element UI 相关的内容

思维导图

网页版Vue Cli 基本使用

这里使用Vue Cli 进行基本的使用

安装

安装的界面如下

检查版本是否正确

这里安装完成。

打开网页版vue-cli

进入Vue页面

选择目录

选择预设

选择功能

创建项目

项目创建完成

启动程序并运行

安装Element UI

这里就可以看到已经安装完成。

体验Element UI

main.js 如下

about.vue 如下

router.js 如下

文件目录如下

访问效果如下

总结

以上简单的完成了一个Element UI 的页面的创建

小明菜市场

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200822A00LXD00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券