Nekoaimer

# 1.Composition API -> beforeCreate & created Not needed 在 Vue3 中，beforeCreate 和 created 可以照常在 Options API 使用。 但在 setup 也就是 Composition API 中 已经不存在了。 但我们要在 beforeCreate 或 created 里做一系列操作的话，除了在 setup 外写，还可直接在 setup 中执行，甚至执行更早。 因为在源码里，setup...

# 1.watch 监视源只能是响应式对象 App 为根组件 下面 Home 例子都被此组件引用 vue// App.vue <template> <div> <home></home> </div></template><script>import Home from "./Home.vue";export default { components: { Home,...

# 1. 在 setup 里拿到 ref 元素 App 为根组件 下面 Home 例子都被此组件引用 vue// App.vue <template> <div> <home></home> </div></template><script>import Home from "./Home.vue";export default { components: { Home,...

# 1.watchEffect 自动收集依赖 App 为根组件 下面 Home 例子都被此组件引用 vue// App.vue <template> <div> <home></home> </div></template><script>import Home from "./Home.vue";export default { components: { Home,...

# 1. 提问：computed 什么情况下使用？ App 为根组件 下面 Home 例子都被此组件引用 vue// App.vue <template> <div> <home></home> </div></template><script>import Home from "./Home.vue";export default { components: { Home,...

# 1. customRef App 为根组件 下面 Home 例子都被此组件引用 vue// App.vue <template> <div> <home></home> </div></template><script>import Home from "./Home.vue";export default { components: { Home,...

# 1.unref 的用法 App 为根组件 下面 Home 例子都被此组件引用 vue// App.vue <template> <div> <home></home> </div></template><script>import Home from "./Home.vue";export default { components: { Home,...

# 1.ref 默认修改是否响应式？ App 为根组件 下面 Home 例子都被此组件引用 vue// App.vue <template> <div> <home></home> </div></template><script>import Home from "./Home.vue";export default { components: { Home,...

# 1. 解构的数据不是响应式的 (toRef/toRefs) App 为根组件 下面 Home 例子都被此组件引用 vue// App.vue <template> <div> <home></home> </div></template><script>import Home from "./Home.vue";export default { components: { Home,...

# 1.readonly 一般用于给子组件传递数据怕被随意修改时 接受一个对象 (响应式或纯对象) 或 ref 并返回原始对象的只读代理。只读代理是深层的：任何被访问的嵌套 property 也是只读的。— 官方原话 App 为根组件 下面 Home 例子都被此组件引用 vue// App.vue <template> <div> <home></home> </div></template><script>import Home from...