摘要：
一：事件修饰符 官网对事件修饰符说明：https://cn.vuejs.org/v2/guide/events.html 冒泡场景：当触发li上的点击事件的时候，会一直往上找，找到ul的事件 解决方法 第一种方法：js处理方式，把事件传给函数，在函数中阻止冒泡 第二种方法：vue提供的事件修饰符.s 阅读全文
摘要：
一：直接函数名 二：函数后加括号，传参的场景 三：当时间触发的逻辑很简单的时候，可以直接写，不用通过函数 <!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width 阅读全文
摘要：
实现模糊查询，查询出包含输入内容的元素 两种监听方式： 1.实时监听input输入框，只要发生改变，就触发查询 2.输入框失去焦点（光标离开输入框）时触发 这里采用input事件，实时查询 为了能实时拿到输入框的数据，使用v-mdel进行双向绑定 使用filter筛选数据 由于filter并不会对原 阅读全文
摘要：
一：直接作用于原数组的 使用以下方法操作数组，可以检测变动push()/pop()/unshift()/splice()/sort()/reverse() 二：不直接作用原数组的 使用以下函数，需用新数组替换旧数组 filter()/concat()/slice()/map() 用新数组替换旧数组 阅读全文
摘要：
渲染： 简单示例 操作数组即可改变数据 遍历的时候取索引值 遍历对象 由于对象没有索引，但是有key，所以遍历的时候可以取到key key值设置 使用不重复的数据做key值，避免for循环遍历的时候对相同key值跳过更新 <!DOCTYPE html><html lang='en'><head> < 阅读全文
摘要：
v-for循环：语法就是`变量 in 需要循环的变量名`。1. 数组循环：`<tr v-for="book in books">`，如果在循环的时候想要把下标也循环出来，那么可以加一个圆括号，并且永远记住，第一个值是对象，第二个才是下标，不管这个名字叫做什么。 2. 对象循环：跟数组循环是一样的。默 阅读全文
摘要：
一：class绑定 准备好class 一：三目运算的方式 把class动态绑定，定义一个变量isActive为true，为true时绑定class=red，定义点击事件handlClick，当点击时，isActive取反，即为false，绑定class=yellow 二：对象的形式 上面是对只有两个 阅读全文
摘要：
v-show和v-if：1.v-show：这个是一次性会把所有的都渲染出来，然后通过简单的切换display值来修改是否需要被渲染。所以在需要频繁切换的情况下推荐使用。v-show不能在template标签上使用。2. v-if：真正的条件渲染。如果条件更改了，那么会适当的做标签销毁和重建以及事件的 阅读全文
摘要：
一：插值：以“{{}}”为标记的内容，内容区间为js运算 1.插入文本 如果要渲染变量则需先在data中定义变量 2.插入html：要渲染html不能直接使用插值渲染，会被渲染成文本 在vue里面要渲染html，需要使用v-html指令 <!DOCTYPE html><html lang="en"> 阅读全文
摘要：
一、Vue介绍Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 ve 阅读全文