小小夏123

2017年9月18日

步骤一：在App.vue中配置路由：步骤二：在main.js和router.js中配置路由规则： main.js中的配置如下： router.js中的配置如下：步骤三：在BookDetail中使用watch来监听id值的变化：步骤四：效果图如下： Read More

posted @ 2017-09-18 16:49 小小夏123 Views(1929) Comments(0) Diggs(0)

2017年9月14日

动态组件（选项卡）：

本文是基于vue-cli脚手架基础上对动态组件做简单介绍，关于脚手架的介绍，请见：vue脚手架的安装流程（vue-cli）。在src文件夹下创建components文件夹，并在其下创建Aaa.vue和Bbb.vue两个组件文件，如下图：再在App.vue中做如下的一些配置，即可完成有组件实现的选 Read More

posted @ 2017-09-14 11:07 小小夏123 Views(347) Comments(0) Diggs(0)

2017年9月13日

vue组件的引用：

本文是基于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(982) Comments(0) Diggs(0)

vue-router实现多层路由：

本文是基于上一篇《vue-router实现单层路由》的基础上做出了相应的补充，详情请点击链接：vue-router实现单层路由。接着上一节单层路由的基础上，在List.vue中做如下更改：在components文件夹下创建ProductList.vue和NewsList.vue两个文件：再 Read More

posted @ 2017-09-13 17:29 小小夏123 Views(2955) Comments(0) Diggs(0)

vue-router实现单层路由：

注意：路由搭建都是基于vue-cli脚手架的webpack-simple模板的，脚手架模板目录如下：（一）单层路由的搭建：步骤一：步骤二：在App.vue中配置路由步骤三：在src文件夹下创建 components文件夹，并分别在其下面创建Home.vue和List.vue两个文件：步 Read More

posted @ 2017-09-13 16:34 小小夏123 Views(441) Comments(0) Diggs(0)

2017年9月12日

vue的computed计算属性：

示例一：注意此处计算属性里面的b指的是属性，不是方法，其默认调用的是计算属性里的get方法，且其值取决于get方法里面return出的返回值。此处的方法就是如下示例二里面默认的get方法，当页面点击之前，a的值为1，b的值为this.a+1，即1+1为2；当点击页面之后，vm.a=101，即a的 Read More

posted @ 2017-09-12 17:43 小小夏123 Views(220) Comments(0) Diggs(0)

vue过滤器和自定义指令的用法：

（一）过滤器的用法：（二）自定义指令的用法：下图示例是使用自定义指令实现拖拽： Read More

posted @ 2017-09-12 17:26 小小夏123 Views(356) Comments(0) Diggs(0)

vue中表单的数据绑定：

公告