(五)Vue.js 高级语法②
目录
五、Vue.js 高级语法
5.3 监听
5.3.1 普通监听
5.3.2 立即监听 (immediate)
5.3.3 深度监听 (deep)
5.3.4 深度监听优化(监听对象属性)
5.4 动态组件与组件缓存
5.4.1 动态组件 ( )
5.4.2 组件缓存 ( )
1. 指定缓存组件 (include/exclude)
2. 的特殊生命周期
5.5 Vue.js 其他高级用法
1. Mixins(混入)
2. ref (引用)
(1) ref 属性与 $refs (获取DOM元素)
(2) refs 获取子组件数据与方法
3. NextTick
4. 图片资源引入
5. Transition 过渡动画
五、Vue.js 高级语法
5.3 监听
Watch(监听器)用于观察和响应 Vue 实例上的数据变动。当需要在数据变化时执行异步或开销较大的操作时,这个方式非常有用。
5.3.1 普通监听
最基础的用法,监听一个简单数据类型(如字符串、数字)的变化。
<div id="app"><input type="text" v-model="msg"><h3>{{msg}}</h3></div><script>