显示变量, 动态绑定input给变量

动态设置id为app的下面的变量

用 template v-if 来设置变量为空时候, 对应的页面显示

用 v-if, v-else 来设置变量为空时候的页面

v-for循环设置页面 (页面用的bootstrap)

v-for 循环 数据中, 数组的内容

v-for="(inVar, index) in outVars" 遍历数组中对应的每个对象

v-for="(value, key, index) in outVars" 遍历数组中的每个对象

v-on:click ,调用methods 动态修改变量 (页面用的bootstrap)

v-model 双向绑定, methods, 简单实现 计算器

v-model 双向绑定,用computed直接计算 (注意methods 和 computed的区别)

v-for="story in methodName('var')" 调用方法获得list (页面用的bootstrap)

v-for调用的方法, 用sort方法排序 (感觉和java的接口类似, 写内置方法)

computed下方法中, 简单的过滤器, 实现数组中数据的过滤

v-for 中调用 {{inVar | filterFunc}} , 实现数据拼接过滤

使用computed的方法, 和一般方式的方法, 排序

给component动态添加template模版, 设置html (自定义元素 story)

给component动态添加template模版, 将template通过id方式, 写在外部 (自定义元素 story)

v-bind添加数据, template添加模版, 通过component连接对应的元素 (自定义元素 story)

使用computed的方法, 和一般方式的方法, 排序

component中写方法, 调用动态修改数据