【Vue3重点概念总结和实践二】（watch / props / toRaw / makeRaw）

目录

1、watch全家桶

2、Prop验证

3、原始值API

4、Vue3 + Vue-cli (1) 基础篇

5、Vue3+ Vue-cli (2) 组件篇

---

1、watch全家桶

原题： 

vuejs-challenges/README.zh-CN.md at main · webfansplz/vuejs-challenges · GitHub

答案：

watch() 默认是懒侦听的，即仅在侦听源发生变化时才执行回调函数。 

stop()  停止侦听器

deep: true  强制侦听器进入深层级模式

flush:  'post'  调整回调函数的刷新时机

文档：

 响应式 API：核心 | Vue.js

2、Prop验证

原题： 

请验证Button组件的Prop类型 ，使它只接收: primary | ghost | dashed | link | text | default ，且默认值为default

vuejs-challenges/README.zh-CN.md at main · webfansplz/vuejs-challenges · GitHub

答案：

3、原始值API

原题： 

vuejs-challenges/README.zh-CN.md at main · webfansplz/vuejs-challenges · GitHub

答案：

toRaw() 可以返回由 reactive()、readonly()、shallowReactive() 或者 shallowReadonly() 创建的代理对应的原始对象。

toRaw 可以将 proxy转成原始对象，raw表示未加工的。

 makeRaw() 将一个对象标记为不可被转为代理。返回该对象本身。

文档：

响应式 API：进阶 | Vue.js

4、Vue3 + Vue-cli (1) 基础篇

Vue3 + Vue-cli (1) 基础篇_vue3 vue-cli_小草莓蹦蹦跳的博客-CSDN博客

 

5、Vue3+ Vue-cli (2) 组件篇

Vue3+ Vue-cli (2) 组件篇_vue3一个根组件写法_小草莓蹦蹦跳的博客-CSDN博客