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。

最新文章

  1. 2013 duilib入门简明教程 -- XML配置界面(6)
  2. 随机数是骗人的,.Net、Java、C为我作证(转)
  3. 分枝定界的matlab实现
  4. JQ判断复选框是否选中
  5. 大话PHP缓存头
  6. 浅析 Java Thread.join()
  7. nyoj 33 蛇形填数
  8. 在Visual Studio 2013中编译libssh2项目
  9. NSDictionary 总结 -iOS
  10. 剑指Offer——网易校招内推笔试题+模拟题知识点总结
  11. Spring MVC “404 Not Found”错误的解决
  12. 使用Git进行版本管理
  13. Flask 构建微电影视频网站(四)
  14. 【译】索引进阶(一):SQL SERVER索引介绍
  15. AutoFac (控制反转IOC 与依赖注入DI)
  16. CSS-对于IE的兼容问题处理
  17. synchronized同步方法《二》
  18. Spring Boot自动扫描
  19. Linux split命令详解
  20. 转 configure: error: *** libmcrypt was not found解决方案

热门文章

  1. mongodb的数据库,集合,数据可介绍。
  2. 面向对象软件构造 (Bertrand Meyer 著)
  3. Note | 论文写作笔记
  4. B1013(通过)
  5. Springboot使用ehcache缓存
  6. 【ECharts】1.学习ECharts从现在开始:第一个Echart图形
  7. python 学习常见问题笔记
  8. RStudio 不中断下载依赖包
  9. redis的3种过期键删除策略
  10. [Flutter] Windows桌面程序开发