Vue

基础使用 循环对象和数组 ：key 提升列表渲染的性能 如果往数组中新增数据，那么改变数据页面就会重新渲染。如果重新渲染的时候，把之前旧的DOM再重新渲染一次，比较损耗性能，新增内容后，只需要保留旧的

样式绑定 基础使用 样式的变量控制 最简单的添加样式的方法就是将class加到模板对应的标签上 如果想要对样式进行控制，就要使用class="xxx"关联data中的变量来控制样式 样式的对象写法 把

数据 data中return的数据都可以在模板中使用 修改data中变量值的方法： vm.$data.message = 'bye' vm.message = 'bye world' 方法 注意： 方

模板中使用插值表达式语法 将JS变量或者表达式放到{{}}之间 模板中使用v-html指令 不希望data中带有html标签的变量放到模板中进行转义时使用 <div v-html="message">

vue实例及vue组件基础概念 备注： vue生命周期函数 定义 在某一时刻自动执行的函数 生命周期函数 备注： 如下图： 比较beforeMount和mounted 我们可以发现在beforeMou

hello world 基础使用 添加变量 counter计时器 字符串反转 v-on:click指令绑定事件 学习vue之前的处理逻辑 在页面中找到“hello world”对应的DOM元素，对其进