摘要：
todolist案例开发要实现的效果图如下： todolist案例开发代码实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>todolist案例开发</title> <style> table{ border: 1px so 阅读全文
摘要：
双向绑定的原理也叫响应式原理，面试时候经常会问到。 1、Vue时采用对象设计模式之发布者-订阅者模式的方式，通过Object.defineProperty()属性的setter，getter，在数据变动时 发布消息给订阅者，触发相应的监听回调。来完成双向绑定。 2、Object.defineProp 阅读全文
摘要：
（1）.lazy：在默认情况下，v-model在每次input事件触发后将输入框的值与数据进行同步（除了输入法组合文字时）。 你可以添加 lazy 修饰符，从而转为在change事件之后进行同步。 <input type='text' v-model.lazy='message'>结果：{{mess 阅读全文
摘要：
对于单选按钮，复选框及选择框的选项，v-model绑定的值通常是静态字符串（value值）。 但是有时我们可能想把值绑定到vue实例的一个动态属性上， 这时可以用v-bind实现，并且这个属性的值可以不是字符串，可以是对象或者数组。 （1）绑定复选框 <input type='checkbox' v 阅读全文
摘要：
v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。 它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但v-model本质上不过是语法糖。 它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。 注意：对于需要使用输入法（ 阅读全文
摘要：
使用v-bind:style可以给元素绑定内联样式，不过在实际开发中尽量避免内联样式的出现，内联样式不便于维护。 1、对象语法 1>v-bind:style 的对象语法十分直观，看着非常像CSS，但其实是一个JavaScript对象。 2>CSS属性名可以用驼峰式（camelClass）或短横线分隔 阅读全文