------------恢复内容开始------------
.1.安装cnpm install --save @vue/composition-api
在main.js里面
import VueCompositionApi from "@vue/composition-api"
Vue.use(VueCompositionApi)
在页面中
//需要用到的生命周期。watch监听导入进来
import {reactive,computed,watch,toRefs} from "@vue/composition-api"
export default{
setup(props,{root}){
const state=reactive({ //创建响应式对象 类似于data
name:'msg',
n:1
});
//定义点击事件
const login=()=>{
console.log(13)
// return state.n+=2
root.$router.push("/home");//这是vue.3.0的跳转
};
return {
...toRefs(state),//响应式数据动态变化
login
}
}
}
------------恢复内容结束------------