一: 新特性 Composition API
特点: 可以更好的逻辑复用和代码组织,初始化方式变了,在main.js里实例获取方式变成函数 :
以前Vue2是new一个构造函数
createApp(App) 变成了工厂函数,直接获取,直接挂载
以前写响应式数据写在data中 在Vue3里响应式数据使用和定义在setup()中
1. reactive: (它可以创建响应式的对象)
来自Vue中,使用前需要import先引入,写法使用:
setup( ) {
const data = reactive({
counter : 1;
2. //还可以添加计算属性 使用计算属性也是需要先import引入
doubleCounter:computer(() = > data.counter * 2 )
})
return { data }
}
界面中访问需要{ { data.counter }}
二. 生命周期发生的改变:
在setup生命周期最早的onMounted
写法:
setup( ) {
let timer;
onMounted((