首页 > Windows开发 > 详细

vue 3.0 composition -api

时间:2020-07-12 11:17:13      阅读:82      评论:0      收藏:0      [点我收藏+]

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

.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

}

}

}

 

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

vue 3.0 composition -api

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!