定义： 1.setup是处于beforecreate和created生命周期间的函数； 2.setup是组合式api的入口； 3.setup函数中定义的变量和方法都是需要return出去的，不然没有办法在模板中使用； 注意事项; 1.因为在setup中尚未执行created初始化 ...

使用ref函数定义一个变量，ref扩号里是变量的初始值 　import { ref } from 'vue' template里的用法 <div v-for="item in arr"> ...

vue2 中的 ref 获取一个 dom 元素和实例对象 vue3 中 ref 是用来定义数据响应式 特别注意：ref 可以接收基本数据类型，也可以是对象类型 1、基本数据类型：基本数据类型 ref 的处理方式还是 Object.defineProPerty() 的get()和set ...

1 setUp的执行时机 2.setUp中无法使用data中的数据和调用methods的方法 3.setUp函数的注意点 4 Vue3中的reactive 5 reactive传入字符串数据不跟新 我们发现点击按钮的时候，视图并没有更新。 因为我们传不是一个对象 ...

setup 组合式API ----------官方定义：通过创建 Vue 组件，我们可以将界面中重复的部分连同其功能一起提取为可重用的代码段。仅此一项就可以使我们的应用在可维护性和灵活性方面走得相当远。然而，我们的经验已经证明，光靠这一点可能并不够，尤其是当你的应用变得非常大的时候——想想 ...

setup执行的时机 在beforeCreate之前执行(一次)，此时组件对象还没创建； this是undefined，不能通过this来访问data/computed/methods/props； 其实所有的composition API相关回调函数中也都不 ...

setup()执行的时机 setup()在beforeCreate之前执行一次，this是undefined setup()的参数 1.props props值为对象，包含：组件外部传过来的且组件内部声明接收了的属性。 查看一下： 2.context 上下文对象，包含 ...

vue3和vue2不同的地方就是不必写 data、methods、等代码块了 所有的东西都可以在 setup 中返回 setup 可以返回两种值： 1、返回对象，对象中的属性、方法都可以直接在模板中使用 2、返回渲染函数，可以自定义渲染内容（其实也就是 render 函数 ...