vue1.0中的watch的简单使用
2018-02-11 15:33
411 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>watch的使用</title>
<script src="vue1.0.11.js"></script>
</head>
<body>
<div id="app">
<input type="text" v-model="firstName">
<input type="text" v-model="lastName">
{{fullName}}
</div>
</body>
<script>
new Vue({
el:'#app',
data:{
firstName:'itcast',
lastName:'heima',
fullName:'heima.itcast'
},
watch:{//监控
'firstName':function (newval,oldval) {
// console.log(newval,oldval);
this.fullName=this.firstName+this.lastName;
},
'lastName':function (newval,oldval) {
// console.log(newval,oldval);
this.fullName=this.firstName+this.lastName;
}
}
});
</script>
</html>4000
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【jquery模仿net控件】简单分页控件1.0，附上gridview使用测试
- WebSocket 1.0的学习和简单使用
- 使用 Vue.js 制作一个简单的调查问卷平台
- 使用C++实现简单线程池v1.0
- EditText TextWatch监听简单使用
- RxJava从入门到放弃1.0--rxjava的简单使用
- 【jquery模仿net控件】简单分页控件1.0，附上gridview使用测试
- 简单的redis使用watch完成秒杀抢购功能
- Vue的路由功能（1）简单路由与vue-router的基础使用（同步/异步组件）
- 使用 Vue.js 制作一个简单的调查问卷平台
- vue-resource和vue-axios的简单使用方法
- 使用vue1.0写法不报错但是模块不加载
- 详解axios在vue中的简单配置与使用
- vue.js的简单使用及组件套用
- Github for Windows 1.0 版本的简单使用介绍
- vue初探--路由简单使用
- spark1.0属性配置以及spark-submit简单使用
- 【vue】——使用watch 观察路由变化，重新获取内容
- 使用C++实现简单线程池v1.0
- vue组件简单介绍与使用