1,v-html可以用来设置值
2,v-bind:id可以直接写成 :id(语法糖)
3,v-if和v-show的区别:参考链接https://www.jianshu.com/p/7af8554d8f08
4,<a v-on:click="doSomething">习惯性写成@click。 v-on 指令,用于监听 DOM 事件
5,v-model双向绑定
6,splite(' ')可以将字符串按某个字符或者其他分割。返回数组。
reverse()该方法会改变原来的数组,而不会创建新的数组。此函数可以将数组倒序排列。
join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 指定分隔方法join(' ');
7,过滤器:参考链接https://www.jianshu.com/p/ad21df1914c5
8,charAt,indexOf,slice,substr分别对应的用法
charAt(根据索引值查看字符串)
indexOf(根据字符串查看索引值)
slice(根据索引值提取新的字符串,并返回)
substr(从某个索引值开始,截取多少个字符长度)
参考链接https://www.cnblogs.com/philiptam/p/6055963.html
9,toString()把数字转化为字符串
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
将value值转化为字符串之后将索引值为0的字符转化为大写然后和索引值为1到最后的字符连 接起来
10,v-for三个参数 v-for="(value, key, index)" 数据,键名,索引值
11,计算属性 参考链接https://www.jianshu.com/p/c7557e1af67d
监听属性 参考链接https://www.cnblogs.com/xiangzhong/p/11351981.html
12,样式绑定 参考链接https://www.runoob.com/vue2/vue-class-style.html
13,事件修饰符
Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault() 或 event.stopPropagation()。
Vue.js 通过由点 . 表示的指令后缀来调用修饰符。
.stop
- 阻止冒泡.prevent
- 阻止默认事件.capture
- 阻止捕获.self
- 只监听触发该元素的事件.once
- 只触发一次.left
- 左键事件.right
- 右键事件.middle
- 中间滚轮事件