使用vue+element建站（一）

Keagan 发布于2019-08-02 15:40 / 368人阅读

摘要：本文环境基于入手进行使用了一套基于插件的架构，官方为新版的准备了相应的插件在此我们可以直接使用。现在对于一个项目是否需要使用基本是没有人再去讨论了，反正我的意见还是有一定需求就去用吧。接下来我们就开始正式进行网站的开发。

本文环境基于入手vue-cli 3.x进行

Element

vue-cli使用了一套基于插件的架构，element官方为新版的vue-cli准备了相应的element 插件,在此我们可以直接使用。

vue add element

注：在安装完成后，全部引用和按需加载，我选择的按需加载。如果想要省事，或者已经选择按需加载后觉得麻烦

vue-router

因为在之前vue-cli生成的代码中，我选择默认设置，并未选择router，在这里我需要使用它，需要安装router。

vue add @vue/router

vuex

现在对于一个Vue项目是否需要使用vuex,基本是没有人再去讨论了，反正我的意见还是有一定需求就去用吧。

vue add @vue/vuex

后续对于router，vuex都会多带带写一些文章，这里简单说下安装后继续进行顺便给大家分享一个免费的图标素材网站 easyicon https://www.easyicon.net/ 可以去换个自己喜欢的 favicon.ico

通过在根实例中注册 store router 选项，store router 实例会注入到根组件下的所有子组件中，子组件能通过 this.$store this.$router访问到 store router了

运行刚建的项目

yarn serve

这时候我们已经可以看到 vue全家桶+element的网站已经跑起来了。
路由的概念相信大部分人并不陌生，它的作用就是根据不同的路径映射到不同的视图，在router.js中我们可以看到

path默认映射的home组件，而home实际是引用的，src/components/HelloWorld.vue
打开HelloWorld.vue，就会发现，首页所展示的内容原来是这样来的，下面我们稍微改动一下

现在首页就会变成

这样element也就在我们项目中使用了。
接下来我们就开始正式进行网站的开发。

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/54282.html

使用vue+element建站（一）

摘要：本文环境基于入手进行使用了一套基于插件的架构，官方为新版的准备了相应的插件在此我们可以直接使用。现在对于一个项目是否需要使用基本是没有人再去讨论了，反正我的意见还是有一定需求就去用吧。接下来我们就开始正式进行网站的开发。本文环境基于入手vue-cli 3.x进行 Element vue-cli使用了一套基于插件的架构，element官方为新版的vue-cli准备了相应的element...

BigNerdCoding 2019-08-26 10:28 评论0 收藏0
【收藏】2019年最新Vue相关精品开源项目库汇总

摘要：前言本文的前身是源自上的项目但由于该项目上次更新时间为年月日，很多内容早已过期或是很多近期优秀组件未被收录，所以小肆今天重新更新了内容并新建项目。提交的项目格式如下项目名称子标题相关介绍如果收录的项目有错误，可以通过反馈给小肆。前言本文的前身是源自github上的项目awesome-github-vue,但由于该项目上次更新时间为2017年6月12日，很多内容早已过期或是很多近期优...

williamwen1986 2019-08-23 14:50 评论0 收藏0
知乎书籍排行网站——建站始末

摘要：一时心血来潮，于是当时想，如果拿来分析知乎这个网站，会有什么效果呢。知乎并没有公开，只能采取爬虫手段。如此，大概率会触发知乎反爬虫系统，所以采取以下方法来回避这个问题代理池。但是，很多情况下知乎还是能通过你的请求得到你的真实。。网站地址books.bigfacewo.com最近工作去了，感觉人也变懒了，一直想写一些关于这个网站东西分享出来。慢慢写吧。前情提要：对于大神来说，这个网站使...

Tony 2019-08-30 13:52 评论0 收藏0
知乎书籍排行网站——建站始末

摘要：一时心血来潮，于是当时想，如果拿来分析知乎这个网站，会有什么效果呢。知乎并没有公开，只能采取爬虫手段。如此，大概率会触发知乎反爬虫系统，所以采取以下方法来回避这个问题代理池。但是，很多情况下知乎还是能通过你的请求得到你的真实。。网站地址books.bigfacewo.com最近工作去了，感觉人也变懒了，一直想写一些关于这个网站东西分享出来。慢慢写吧。前情提要：对于大神来说，这个网站使...

stormzhang 2019-08-01 18:30 评论0 收藏0