vue 3.0 composition -api

------------恢复内容开始------------

.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

}

}

}

------------恢复内容结束------------

原文：https://www.cnblogs.com/xzhce/p/13287253.html