友好vue3

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
区别在于前者不是响应式的，后者是响应式的