本文环境基于vue-cli3.x入手。Elementvue-cli使用了一套基于插件的架构。Element官方为新版vue-cli准备了相应的元素插件。这里我们可以直接使用。vue添加元素注意：安装完成后，所有引用和按需加载，我选择按需加载。如果想省事，或者选择按需加载后觉得麻烦，vue-router是因为之前vue-cli生成的代码中，我选择了默认设置，没有选择router。这里我需要使用它，需要安装路由器。vueadd@vue/routervuex现在基本上没有人讨论一个Vue项目是否需要使用vuex。反正我的意见是有一定需求就用。vueadd@vue/vuex后续会分别写一些router和vuex的文章。这里简单介绍一下安装后继续。顺便给大家分享一个免费的图标素材网站easyiconhttps://www.easyicon.net/可以自己改喜欢的favicon.ico在根实例中注册storerouter选项，storerouter实例会被注入到根组件下的所有子组件中，子组件可以通过this.$storethis.$router访问storerouter。运行刚刚构建的项目yarnserve这时候我们已经可以看到vue全家桶+element的网站已经运行起来了。路由的概念相信大多数人都不陌生。它的作用是根据不同的路径映射到不同的视图。在router.js中，我们可以看到默认映射path的home组件，home其实是引用的，src/components/HelloWorld.vue打开HelloWorld.vue，你会发现首页显示的内容原来是这样的,让我们做一点改变
这是一个Vue程序