Vue.js 2.*

url: http://vue.biomooc.com/

notebook: D:\xampp\htdocs\vue_test | http://vue.cc/

Win10: G:\xampp\htdocs\vue_learn | http://vue.dawneve.cc/

https://v2.cn.vuejs.org/

http://www.runoob.com/vue2/vue-if.html

  1. vue1.html hello
  2. vue2.html 绑定消息 v-bind:
  3. vue3.html 数据和方法
  4. vue4.html vm.xx==data.xx
  5. vue5.html $开头的变量 vm.$el, vm.$data
  6. 01/1v-html 指令用于输出 html {{html代码}}
  7. 01/2v-bind HTML 属性中的值应使用 v-bind 指令
  8. 01/3 js支持 vue提供了完整的js支持
  9. 01/4 指令 是带有 v- 前缀的特殊属性。用于在表达式的值改变时，将某些行为应用到 DOM 上。
  10. 01/5 参数 在指令后以冒号指明。
  11. 01/6 参数 on
  12. 01/7 修饰符 修饰符是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。例如，.prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault()
  13. 01/8 用户输入 双向绑定： v-model 指令用来在 input、select、text、checkbox、radio 等表单控件元素上创建双向数据绑定，根据表单上的值，自动更新绑定的元素的值。
  14. 01/9 v-on 按钮的事件我们可以使用 v-on 监听事件，并对用户的输入进行响应。
  15. 01/10 过滤器 自定义过滤器，被用作一些常见的文本格式化。由"管道符"指示。可串联，可带参数。
  16. 01/11 缩写 v-bind:href( :href); v-on:click( @click )
  17. 02if_for/v1 v-if
  18. 02if_for/v2 if 字符串模板//todo 不懂
  19. 02if_for/v3 v-else指令 给 v-if 添加一个 "else" 块：随机数
  20. 02if_for/v3-2 v-else指令 给 v-if 添加一个 "else" 块 2：随机变量
  21. 02if_for/v4 v-else-if指令 vue2.1.0新增，可以多次链式调用
  22. 02if_for/v5 v-show指令 来根据条件展示元素

    23. for:
  23. 02if_for/v6 v-for 指令
  24. 02if_for/v6-2 v-for 指令 模板中使用v-for
  25. 02if_for/v7 v-for 迭代对象 v-for 可以通过一个对象的属性来迭代数据。
  26. 02if_for/v7-2 v-for 迭代对象 也可以提供第二个的参数为键名。
  27. 02if_for/v7-3 v-for 迭代对象 第三个参数为索引。
  28. 02if_for/v8 v-for 迭代对象 也可以循环整数。
  29. 03computed/v1 用js计算
  30. 03computed/v2 计算属性
  31. 03computed/v3 计算属性 computed vs methods
  32. 03computed/v4 计算属性 computed setter
  33. 04watch/v1 监听属性watch 可以通过 watch 来响应数据的变化。
  34. 04watch/v2 监听属性watch 千米与米之间的换算
  35. 04watch/v3 监听属性watch 购物车
  36. 05v-bind/v1 样式绑定 class 属性绑定
  37. 05v-bind/v2 样式绑定 也可以在对象中传入更多属性用来动态切换多个 class
  38. 05v-bind/v3 样式绑定 多个 classObject //todo
  39. 05v-bind/v4 样式 绑定返回对象的计算属性 常用且强大的模式
  40. 05v-bind/v5 样式 数组语法 可以把一个数组传给 v-bind:class //todo
  41. 05v-bind/v6 样式 三元表达式来切换列表中的 class //todo
  42. Vue.js style(内联样式) //todo //更多实例
  43. 06v-on/v1 Vue.js事件处理器
repo