Vue

计算属性

处理复杂运算、函数调用,它依赖于data中的数据变化,data数据变化,计算属性就会重新执行,视图也会更新。

计算属性中的setget

每一个计算属性都包含一个getter和一个setter
getter读取一个计算属性,手动修改计算属性的值就会触发setter

watch

watch中监听数据模型的值变更。类似于input中的change事件。

计算属性和watch的区别

计算属性用来声明式的描述一个值依赖了其他的值。
watch监听自定义的变量,当变量的值发生变化时,调用对应的方法。

prop验证和默认值

父组件给子组件传值,給prop的值进行类型设定。

插槽,具名插槽,插槽默认内容

在父组件写一个标签,在子组件通过slot接受标签里的内容,只能用一个slot
具名插槽:在父组件标签写入slot,子组件中写name名字,两个名字要相对应,才能通过名字找到对应的位置。