这篇文章主要介绍关于Vue3.0的知识点分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
今天这篇文章主要讲解了以下内容:
- <李> <代码> Vue3.0> 看 <李> <代码> Vue3.0> <李> <代码> Vue3.0> vue-router <李> <代码> Vue3.0> vuex
<强>开始本文前,小编提供了一个<代码> Vue3.0 开发环境,仓库地址为gitee.com/f_zijun/vue…,欢迎使用。本文首发于公众号【前端有的玩,这是一个专注于Vue <代码>与<代码>面试> Vue3.0>
学习Vue3.0,先来了解一下代理
使用<代码>急速地> Vue3.0 学习环境
使用Vue3.0收获的知识点(一)
<代码> Vue3.0> 看
<代码>看在<代码> Vue3.0> Vue2.x> 看> Vue 实例上面的一个表达式或者一个函数计算结果的变化。
回顾<代码> Vue2.0> 看
在<代码> Vue2.0> 可看以通过下面多种方式去监听<代码> Vue 实例上面的表达式或者函数计算结果的变化,如下罗列了其中的几种
- <李>
最常规使用方式
出口默认{
数据(){返回{名称:& # 39;子君& # 39;,信息:{gzh: & # 39;前端有的玩& # 39;
}
}
},看:{
名称(newValue oldValue){控制台。日志(newValue oldValue)
},& # 39;info.gzh& # 39;: {
处理程序(newValue oldValue){控制台。日志(newValue oldValue)
},//配置立即会在观看之后立即执行
直接:真
}
}
}复制代码 我们可以在<代码>看属性里面配置要监听的Vue <代码>实例上面的属性,也可以通过<代码>。键路径去监听对象中的某一个属性的变化,也可以通过配置立即<代码> 在监听后立即触发,配置<代码> 去深处深度监听对象里面的属性,不论嵌套层级有多深。
<李>使用<代码> 监看美元听
除了常规的<代码>看> <代码>实例上面提供了<代码>看美元方法,可以通过<代码>美元看> 美元看>
出口默认{方法:{
loadData () {
fetch ()。然后(data=https://www.yisu.com/zixun/> {。formData=数据。看美元(“formData”,
()=> {//formData数据发生变化后会进入此回调函数
}，
{深:真
}
)
}）
}
}
}复制代码 <李> 监听函数表达式
除了监听字符串之外,<代码>美元看> 上文中就是<代码> Vue2.0> 看> Vue3.0> Vue2.0> Vue3.0> Vue3.0 一个很大的亮点就是<代码>构成API> Vue2.0> componsition API中提供的<代码>看
在<代码> Vue3.0> 看
在<代码> Vue3.0> Vue2.0> 可以对数据变化进行监听,第一种是<代码>看> watchEffect> 看> Vue2.0> 看用美元法基本是一模一样的,而<代码> watchEffect 是<代码> Vue3.0 新提供的API
