步骤一： 在App.vue中配置路由： 步骤二： 在main.js和router.js中配置路由规则： main.js中的配置如下： router.js中的配置如下： 步骤三： 在BookDetail中使用watch来监听id值的变化： 步骤四： 效果图如下： Read More
本文是基于vue-cli脚手架基础上对动态组件做简单介绍，关于脚手架的介绍，请见：vue脚手架的安装流程（vue-cli）。 在src文件夹下创建components文件夹，并在其下创建Aaa.vue和Bbb.vue两个组件文件，如下图： 再在App.vue中做如下的一些配置，即可完成有组件实现的选 Read More
本文是基于vue-cli脚手架的基础上对vue组件的引用做简单介绍，关于vue-cli脚手架，请见：vue脚手架的安装流程（vue-cli）。 在src文件夹下创建components文件夹，并在其下面创建Home.vue和List.vue两个文件： 在App.vue中引入Home.vue和List Read More
本文是基于上一篇《vue-router实现单层路由》的基础上做出了相应的补充，详情请点击链接：vue-router实现单层路由 。 接着上一节单层路由的基础上， 在List.vue中做如下更改： 在components文件夹下创建ProductList.vue和NewsList.vue两个文件： 再 Read More
注意：路由搭建都是基于vue-cli脚手架的webpack-simple模板的，脚手架模板目录如下： （一）单层路由的搭建： 步骤一： 步骤二： 在App.vue中配置路由 步骤三： 在src文件夹下创建 components文件夹，并分别在其下面创建Home.vue和List.vue两个文件： 步 Read More
示例一： 注意此处计算属性里面的b指的是属性，不是方法，其默认调用的是计算属性里的get方法，且其值取决于get方法里面return出的返回值。 此处的方法就是如下示例二里面默认的get方法，当页面点击之前，a的值为1，b的值为this.a+1，即1+1为2；当点击页面之后，vm.a=101，即a的 Read More
（一）过滤器的用法： （二）自定义指令的用法： 下图示例是使用自定义指令实现拖拽： Read More
less的三个特点：函数、变量和 嵌套，上图分别对这三个特点做了标记和运用。 在vue-cli的脚手架中使用less，若是将less通过import将index.less引入到App.vue的style中，则该index.less只能在App.vue这个组件内使用，其他组件使用不了。 但如果将ind Read More
用法一： 用法二： 用法三： Read More