本文是基于vue-cli脚手架的基础上对vue组件的引用做简单介绍,关于vue-cli脚手架,请见:vue脚手架的安装流程(vue-cli)。 在src文件夹下创建components文件夹,并在其下面创建Home.vue和List.vue两个文件: 在App.vue中引入Home.vue和List Read More
posted @ 2017-09-13 18:52 小小夏123 Views(972) Comments(0) Diggs(0) Edit
本文是基于上一篇《vue-router实现单层路由》的基础上做出了相应的补充,详情请点击链接:vue-router实现单层路由 。 接着上一节单层路由的基础上, 在List.vue中做如下更改: 在components文件夹下创建ProductList.vue和NewsList.vue两个文件: 再 Read More
posted @ 2017-09-13 17:29 小小夏123 Views(2939) Comments(0) Diggs(0) Edit
注意:路由搭建都是基于vue-cli脚手架的webpack-simple模板的,脚手架模板目录如下: (一)单层路由的搭建: 步骤一: 步骤二: 在App.vue中配置路由 步骤三: 在src文件夹下创建 components文件夹,并分别在其下面创建Home.vue和List.vue两个文件: 步 Read More
posted @ 2017-09-13 16:34 小小夏123 Views(425) Comments(0) Diggs(0) Edit