• 2 chapter2
  • chapter2
    显示变量, 动态绑定input给变量

  • 3 chapter3
  • 3.1.html
    动态设置id为app的下面的变量
    3.2.html
    用 template v-if 来设置变量为空时候, 对应的页面显示
    3.3.html
    用 v-if, v-else 来设置变量为空时候的页面

  • 4 chapter4
  • 4.2.html
    v-for循环设置页面 (页面用的bootstrap)
    4.3.0.html
    v-for 循环 数据中, 数组的内容
    4.3.1.html
    v-for="(inVar, index) in outVars" 遍历数组中对应的每个对象
    4.4.html
    v-for="(value, key, index) in outVars" 遍历数组中的每个对象

  • 5 chapter5
  • 5.1.2.html
    v-on:click ,调用methods 动态修改变量 (页面用的bootstrap)
    5.2.html
    v-model 双向绑定, methods, 简单实现 计算器
    5.4.html
    v-model 双向绑定,用computed直接计算 (注意methods 和 computed的区别)

  • 6 chapter6
  • 6.1.html
    v-for="story in methodName('var')" 调用方法获得list (页面用的bootstrap)
    6.2.html
    v-for调用的方法, 用sort方法排序 (感觉和java的接口类似, 写内置方法)
    6.3.html
    computed下方法中, 简单的过滤器, 实现数组中数据的过滤
    6.4.html
    v-for 中调用 {{inVar | filterFunc}} , 实现数据拼接过滤
    6.5.html
    使用computed的方法, 和一般方式的方法, 排序

  • 7 chapter7
  • 7.2.html
    给component动态添加template模版, 设置html (自定义元素 story)
    7.3.html
    给component动态添加template模版, 将template通过id方式, 写在外部 (自定义元素 story)
    7.4.html
    v-bind添加数据, template添加模版, 通过component连接对应的元素 (自定义元素 story)
    7.5.html
    使用computed的方法, 和一般方式的方法, 排序
    7.6.html
    component中写方法, 调用动态修改数据