1.总结Vue数据监测
2.所有不是由Vue所控制的回调函数, 尽可能写成箭头函数
3.收集表单数据
4.v-model是收集value值的
checkbox 默认收集的是 checked 所以需要设置value值
5. prevent是preventDefault, 阻止标签默认行为, 有些标签有默认行为, 例如a标签的跳转链接属性等等
6.JSON.stringify 方法将某个对象转换成 JSON字符串形式
7.
这里面的 trim方法可以省略掉空格
8.
9.过滤器(过滤器的本质还是一个函数):
功能: 对要显示的数据进行特定格式化后再显示
注意: 并没有改变原本的数据, 是产生新的对应的数据
Vue 中给我们提供了一种格式化数据功能[过滤器]
开发中的过滤器是对即将显示的数据做进一步的筛选处理, 然后进行显示, 过滤器并没有改变原来的数据, 只是在原数据的基础上产生新的数据
10. | 叫做管道符
11.内置指令: 就是Vue作者已经做好的, 我们直接拿过来用 比如: v-on v-bind
小结我们学过的指令:
v-bind 单向绑定解析表达式, 可以简写为 :xxx
v-model 双向数据绑定
v-for 遍历数组/对象/字符串
v-on 绑定事件监听, 可以简写为 @
v-if 条件渲染 (动态控制节点是否存在)
v-else 条件渲染(动态控制节点是否存在)
v-show 条件渲染 (动态控制节点是否展示)
12.v-text指令:
1.作用: 向其所在节点中渲染文本内容
2.与插值语法的区别: v-text会替换掉节点中的内容, { {xx}} 则不会
v-text会将""中的内容 拿来替换里面全部的内容, 所以我们平时用的最多的还是 { {}} 插值语法, 因为更加灵活
v-text不能解析标签
13.cookie的本质就是字符串
永远不要在用户提交上使用 v-html
14. v-html
15.v- clock指令作用是让未经解析的模板, 不要展示在页面上
使用也是没有值的
16. v-once也是没有值的
17. v-pre 是我们代码写什么就呈现什么, 加了v-pre我们的Vue是不解析它的
18. 自定义指令
指令语法的功能: 用于解析标签( 比如: 标签属性, 标签体内容, 绑定事件....)
directives里面的函数执行的条件是:
1. 指令与元素成功绑定时(这个一开始就会绑定)
2. 指令所在的模板在重新解析时
kebab-case是什么?
在计算机术语中,kebab-case 指的是一种变量命名规则。多个单词之间以 - (连字符)做间隔。
camelCase是什么?
驼峰命名法