computed和watch的用法和区别
2024-08-30 08:30:02
computed可以监听v-model(data)中的值,只要值发生变化 他就会重新去计算
computed必须是要有一个返回值的哦
<div id="app">
<input type="text" v-model="firstname">+
<input type="text" v-model="lasttname">=
<input type="text" v-model="fullname">
</div>
var vm = new Vue({
el: "#app",
data: {
firstname: "",
lasttname: "",
},
methods: { }, // computed可以监听v-model(data)中的值,只要值发生变化 他就会重新去计算
// computed必须是要有一个返回值的哦
computed: {
fullname: function () {
return this.firstname + "-" + this.lasttname
}
},
})
//watch除了可以监听data中值的变化,还可以监听路由的变化,
//watch中有两个参数 分别是新值和旧值
var vm = new Vue({
el: "#app",
data: { },
methods: { },
router: router,
watch: {
"$route.path":function(newval,oldval){
if(newval==="/login"){
console.log("这是denglu页面")
}else if(newval==="/zhuce"){
console.log("这是注册页面") }
}
}, })
computed和watch的区别
《1》计算属性computed 必须要返回一个值哦 通过return来返回的
《2》 watch的回调函数里面有两个参数,分别是newval和oldval。
最新文章
- 2013 duilib入门简明教程 -- XML配置界面(6)
- 随机数是骗人的,.Net、Java、C为我作证(转)
- 分枝定界的matlab实现
- JQ判断复选框是否选中
- 大话PHP缓存头
- 浅析 Java Thread.join()
- nyoj 33 蛇形填数
- 在Visual Studio 2013中编译libssh2项目
- NSDictionary 总结 -iOS
- 剑指Offer——网易校招内推笔试题+模拟题知识点总结
- Spring MVC “404 Not Found”错误的解决
- 使用Git进行版本管理
- Flask 构建微电影视频网站(四)
- 【译】索引进阶(一):SQL SERVER索引介绍
- AutoFac (控制反转IOC 与依赖注入DI)
- CSS-对于IE的兼容问题处理
- synchronized同步方法《二》
- Spring Boot自动扫描
- Linux split命令详解
- 转 configure: error: *** libmcrypt was not found解决方案