摘要：
当我们挂载内部的绑定数据发生变化，如果我们向需要执行一些处理程序才处理业务逻辑 就可以使用vue的侦听器watch属性。这个需要添加watch配置项。 <div id="app"> <p>我的名字是：{{name}}</p> <input type="text" v-model="firstName 阅读全文
摘要：
在插值表达式和指令中可以使用表达式，但是无论是指令还是插值表达式，设计的初衷都是为了数据渲染或者简单运算。 如果在插值表达式中过渡使用，则有以下缺点 1、模板中有大量运算，不推荐 2、无法复用计算 解决方法：引入计算属性配置项computed，计算得到的属性，这个属性也会成为data中的属性。 在计 阅读全文
摘要：
对象语法由key和value key就是样式属性名，value就是样式值（可以使用动态值，也可以静态值） 样式属性名包含特殊字符号，要么驼峰写法，要么使用引号包裹 我们可以在js中控制值的改变 将colorValue的值和我们data中的数据进行绑定，当data中的colorValue发生改变时，c 阅读全文
摘要：
.lazy 在默认情况下，vmodel在每次input事件触发后，输入框的值会与数据进行同步， 可以添加lazy修饰符，从而转化为在change事件之后进行同步，如下： <!-- 在change时而非input时更新 --> <input type="text" v-model.lazy="msg" 阅读全文
摘要：
使用v-model指令实现双向数据绑定的集合 v-model是v-on和v-bind指令的语法糖（指令集合） 可以使用v-model指令在表单 input、textarea、select等元素上创建双向数据绑定，他会根据控件类型自动选取正确的方法来更新元素。 加上v-model后，只要视图的数据发生 阅读全文
摘要：
事件的类型有以下四类： js事件分为四类： 鼠标事件：click、mouseover、dbclick、mousedown、mouseout... 键盘事件：keydown、keypress、keyup.. 窗体事件:load、reseize、scroll... 表单事件:blur、focus、inp 阅读全文
摘要：
我们用vue中的事件修饰符来做上一篇中event.preventDefault() 阻止事件的默认行为和event.stopPropagation() 阻止事件冒泡、传播事件。 <div id="app"> <div @click="outer" id="outer"> <div @click="m 阅读全文
摘要：
原来js中的事件 ： event.preventDefault() 阻止事件的默认行为 event.stopPropagation() 阻止事件冒泡、传播 事件流的定义： 浏览器对于事件触发的执行流程 有下面三个div，他们是嵌套关系。如果每个div都触发了点击事件，那么是从内向外触发还是从外向内触 阅读全文
摘要：
点击按钮的时候，次数加一 第一种：在click里面直接写js的代码 需求：使用@click=“counter+=1”,代码如下： <button type="button" @click="counter+=1">按钮1</button> <p>按钮1被点击的次数:{{counter}}</p> 第 阅读全文
摘要：
为元素添加属性命令：v-on:事件名=“方法名”， 而方法则需要再Vue配置里面的methods属性里定义。 主要的事件名有click、dbclick，mouseover，mouseout，keydown，keypress，blur，focus <button v-on:click="fn1">我是 阅读全文