vue3支持ts
--ref 获取dom元素
ref在vue2和vue3中不一样,vue2中通过this.$ref.xxx获取对应元素
ref定义一个响应式数据const xxx=ref(initValue)
initValue可以是number,string,boolean,数组,对象
ref定义的响应式数据修改数据时必需要.value,但模板中使用数据时不需要.value
--创建vue3项目
vue create vue_test
--main.js
在Vue2里面,通过new Vue({})构造函数创建应用实例对象,而Vue3引入的不再是Vue的构造函数,引入的是一个名为createApp的工厂函数创建应用实例对象。
--setup参数(props对象,context对象)
--context对象
attrs 相当于this.$attrs
slots this.$slots
emit this.$emit
--setup函数的返回值可以是对象也可以是函数
setup里面定义的属性和方法均要return出去,否则无法使用
--vue3的setup调用不了vue2的方法和属性
和ref()有点像的有reactive()传值只能是对象或数组。
ref定义的数据:操作数据需要.value,读取数据时模板中直接读取不需要.value
reactive定义的数据:操作数据与读取数据均不需要.value
--vue3使用createApp.use()安装插件
--vue3下面是没有this.的,可以直接输出
--vue3中可以let a = false s= true
也可以 let a = ref(false) a.value = true
区别在于前者不是响应式的,后者是响应式的