[暑假-边做边学版]Vue实战(2)

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是什么?

驼峰命名法

19. 数据在哪里, 对数据的操作就在哪里