-
vue3新增加了一个setup函数,这个函数是在beforeCreate前面执行的,而且setup还能接收2个参数,一个是props一个是 centext,注意setup中this是undefind,再setup中我们不需要使用this,
-
vue3声变量不需要想vue2一样再data里面去声明 ,我们直接再setup这个函数里面去声明就可以,注意再setup里面声明变量有2个方法 一个是通过ref (ref定义的是基本类型的数据) 一个是reactive (reactive 可以定义不同类型的数据 他是一个对象,) 注意:setup声明的变量和方法必须要return出去才能在html中正常使用
-
例子
setup() { let boxs = ref('你好'); let arr = reactive({ age: '张', name: '三' }); return { arr, boxs }; }
4.在vue3中 计算属性 监听属性 我们都是写在setup函数中 也忙需要的方法,也是写在setup中,子组件向父组件传值的时候 ,vue2直接写就行,在vue3中直接写也是走通 但是页面会提示警告信息 ,正确的做法是 我们要告诉父组件 我传值过啦
5.vue3中的watch 有一个问题 我们用ref创建一个基础类型的数据 当我我们去监听的时候 我们是能获取到newValue和oldValue 但是我们要是用reactive创建的变量 我们是获取不到oldValue的值的 目前vue3是没有解决的 而且reactive创建的变量不管嵌套有多深 我们不用深度监听 也是能监听到的 ,vue2就必须要深度监听 ,才能监听到