vue组件watch属性实例讲解
作者：匿名的girl 时间：2024-05-09 15:19:22
本文实例为大家分享了vue组件watch属性的具体代码，供大家参考，具体内容如下
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>wacth属性</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="container">
<p>{{msg}}</p>
<my-component></my-component>
</div>
<script>
Vue.component("my-component",{
data:function(){
return {
myInput:"",
myPhone:123456
}
},
template:`
<div>
<input type="text" v-model="myInput"/>
<input type="text" v-model="myPhone"/>
<span>{{myInput}}</span>
</div>
`,
watch:{
myInput:function(){
//当数据发生变化、执行的操作
console.log("数据改变");
},
myPhone:function(){
console.log(this.myPhone);
}
}
})
new Vue({
el:"#container",
data:{
msg:"Hello VueJs"
}
})
</script>
</body>
</html>
来源：http://www.cnblogs.com/wangruifang/p/7768190.html
标签：vue,watch
0
投稿猜你喜欢
linux系统使用python获取cpu信息脚本分享
2021-10-18 17:45:30
python 模拟登陆github的示例
2022-01-05 17:52:41
收藏整理的一些Python常用方法和技巧
2023-01-04 10:42:38
什么样的图标更具有可用性
2007-10-16 17:47:00
Python中pywifi模块的基本用法讲解
2023-09-23 00:21:00
processlist命令 查看mysql 线程
2024-01-24 02:58:30
mysql数据库之索引详细介绍
2024-01-19 09:06:08
Python获取航线信息并且制作成图的讲解
2023-08-28 18:18:56
Go实现用户每日限额的方法(例一天只能领三次福利)
2024-05-22 10:20:09
基于RSA算法在asp中加密与解密对应的函数
2007-11-07 21:39:00
Python的Bottle框架的一些使用技巧介绍
2022-11-10 08:05:35
python实现读取excel文件中所有sheet操作示例
2022-04-25 15:00:36
如何正确显示模式对话框showModalDialog中的中文？
2010-06-28 18:24:00
layui实现显示数据表格、搜索和修改功能示例
2024-04-18 10:01:46
tensorflow 保存模型和取出中间权重例子
2021-05-11 07:30:11
SuperSocket 信息: (SpnRegister) : Error 1355。解决方法
2024-01-17 22:54:02
VS2019连接mysql8.0数据库的教程图文详解
2024-01-13 12:54:26
判断触发器正在处理的是插入，删除还是更新触发
2024-01-19 02:03:28
使用ob系列函数实现PHP网站页面静态化
2023-11-15 03:26:05
如何利用AJAX获取Django后端数据详解
2022-06-13 13:51:43