学习VUE

Posted 2020-11-10 tmq09

1、计算属性和观察者

　　computed

　　计算属性和Methods区别

　　　　我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而，不同的是计算属性是基于它们的依赖进行缓存的。

　　　　计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 message 还没有发生改变，

　　　　多次访问 reversedMessage 计算属性会立即返回之前的计算结果，而不必再次执行函数。

2、表单输入绑定：

　　v-model:双向数据绑定

　　修饰符：lazy、trim、number

3、Class与style绑定

　　绑定html CLASS：v-bind:class="";

　　数组语法：

4、组件：

　　一：单文件组件：

　　　　三个部分组成：

　　　　　　1、Template：只能存在一个根元素

　　　　　　2、Scriot

　　　　　　3、Style：scoped：样式只在当前组件内生效

　　二：子父级组件：

　　　　　父 -> 子：props

　　　　　子 -> 父：emit Event

　　　　　数据传递类型限制（验证）

　　　　　　　数据类型验证

　　　　　　　多数据类型验证

　　　　　　　必选项

　　　　　　　默认值

　　　　　　　obj、arr数据类型的默认值