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(213) Comments(0) Diggs(0) Edit
vue过滤器和自定义指令的用法：
（一）过滤器的用法： （二）自定义指令的用法： 下图示例是使用自定义指令实现拖拽： Read More
posted @ 2017-09-12 17:26 小小夏123 Views(350) Comments(0) Diggs(0) Edit
vue中表单的数据绑定：
posted @ 2017-09-12 17:20 小小夏123 Views(124) Comments(0) Diggs(0) Edit
less的用法：
less的三个特点：函数、变量和 嵌套，上图分别对这三个特点做了标记和运用。 在vue-cli的脚手架中使用less，若是将less通过import将index.less引入到App.vue的style中，则该index.less只能在App.vue这个组件内使用，其他组件使用不了。 但如果将ind Read More
posted @ 2017-09-12 17:17 小小夏123 Views(204) Comments(0) Diggs(0) Edit
vue中style的用法：
用法一： 用法二： 用法三： Read More
posted @ 2017-09-12 17:14 小小夏123 Views(244) Comments(0) Diggs(0) Edit
vue中class的用法：
用法一： 用法二： 用法三： Read More
posted @ 2017-09-12 17:12 小小夏123 Views(286) Comments(0) Diggs(0) Edit
vue-cli脚手架的配置（style-loader，less-loader等的配置）
前面一节讲了vue-cli的安装，详情请见vue-cli脚手架的安装流程，这一节就loader的配置做一下详细介绍： （一）style-loader的配置： vue的脚手架的package.json里默认带有css-loader，没有style-loader，因此在编写代码之前需要如下两步配置好st Read More
posted @ 2017-09-12 14:33 小小夏123 Views(6699) Comments(0) Diggs(1) Edit
vue脚手架的安装流程（vue-cli）：
步骤一： 步骤二： 步骤三： 如上图，使用vue init webpack-simple vue（此vue为项目名）创建名为vue且模板为webpack-simple的项目，并一直按回车。 注意点1：vue-cli脚手架中有3种模板，分别是simple、webpack-simple和webpack模 Read More
posted @ 2017-09-12 12:11 小小夏123 Views(791) Comments(0) Diggs(0) Edit