摘要：
可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。 它会根据控件类型自动选取正确的方法来更新元素。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。 <!DOCTYPE html> <html> <head> <meta 阅读全文
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 开发环境版本 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scri 阅读全文
摘要：
v-for指令可以绑定数组的数据来渲染一个项目列表 v-for指令需要使用item in items形式的特殊语法，items是源数据数组并且item是数组元素迭代的别名。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t 阅读全文
摘要：
v-show用法和v-if大致一样，但是它不支持v-else,它和v-if的区别是，它制作元素样式的显示和隐藏，元素一直是存在的。但是如果v-if的话，如果if的值是false那么元素不会生成 注意在vue中使用v-show, 原来的css代码不能设置display属性, 会导致冲突 v-if <! 阅读全文
摘要：
v-bind用于绑定元素的属性 例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 开发环境版本 --> <script src="https://cdn.jsdelivr.net/npm/vue/ 阅读全文
摘要：
语法 数据绑定最常见的形式就是使用“Mustache(胡子)”语法 (双大括号) 的文本插值 <span>{{ message}}</span> Mustache 标签将会被替代为对应数据对象上message属性的值。无论何时，绑定的数据对象上message属性发生了改变，插值处的内容都会更新 <! 阅读全文