摘要:
Vue watch 主要用于监听属性的变化,去做一些类似发送请求这样的工作 可以拿到变化前后的属性值 可以检测对象深层次属性以及是否在初始化就触发 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="v 阅读全文
摘要:
Vue事件 事件处理 事件修饰符 键盘事件 事件处理 事件绑定: v-on:click 事件不传参:v-on:click="fn" 事件传参:v-on:click="fn(arg,$event)" v-on也可以写成@click <div id="root"> <h1 v-on:click="sho 阅读全文
摘要:
Vue 计算属性 定义:根据data中的已有属性计算得到一个新的属性 原理:根据defineProperty方法提供的getter和setter 优点: 对比methods, 优点在于有缓存,可以复用。 特点: 计算属性中的get函数调用时机: 初次读取改属性 该属性的依赖属性变化时 vm中有dat 阅读全文
摘要:
MVVM M: model 模型 对应data数据 V: 视图 模板 其实就是html页面 VM: 视图模型 对应vue实例对象 vm通过dom listener和data-binding 为页面和数据建立连接 V ←--> VM ←--> M 数据代理 通过一个对象代理另一个对象中属性的操作, 其 阅读全文
摘要:
数据绑定 v-bind是单向数据绑定, 即数据流向页面,反过来页面不会流向数据 v-model是双向数据绑定 不是所有的标签都支持v-model,只能用于表单类元素/输入类元素,即有value的元素 <!DOCTYPE html> <html lang="en"> <head> <meta char 阅读全文
摘要:
模板语法 插值语法 指令语法 插值语法一般用于标签体中 指令语法一般用于标签属性,用于解析标签属性 v-bind是单向数据绑定, 即数据影响页面,反过来页面不会影响数据 <script src="../lib/vue.js"></script> <body> <div id="root"> <h1> 阅读全文