摘要：
axios是一个第三方库 gitHub示例：https://github.com/axios/axios#example 引入或安装 使用方式 使用示例 引入axios 事件触发请求 可以看出，axios和fetch的响应结构不一样，在axios中，会自动给响应信息加一层data <!DOCTYPE 阅读全文
摘要：
fetch是w3c的一种请求标准，不是第三方库，与vue、jquery无关，且多数浏览器已内置 使用： 本地准备一份json文件作为数据源 请求，拿到的不是我们想要的数据 想要获取响应数据，需在第一个then中将响应数据转为json再返回给第二个then，在第二个then中去获取值 也可以简写ret 阅读全文
摘要：
1.v-modle绑定后，不即时改变状态 双向绑定过后，默认是只要输入框内的value值有改变，data的状态就会改变的，即时改变，对资源消耗大 可以设置为光标失去焦点后再改变，这样就可可以减少资源的消耗 2.对输入数字的限制，使用.number 但是此方法有bug，对于一开始就不输数字的，无法限制 阅读全文
摘要：
商品数据准备： datalist: [ {name: "商品1", price: 10, number: 1, id: "1"}, {name: "商品2", price: 20, number: 2, id: "2"}, {name: "商品3", price: 30, number: 3, id 阅读全文
摘要：
输入框双向绑定： 文本域的绑定也一样 复选框 如果要默认选中状态，则只需要将初始值设为true即可 多选框操作，使用数组，并且给每个选项设置value值 单选按钮，给每个选项设置value值 <!DOCTYPE html><html lang='en'><head> <meta charset='U 阅读全文
摘要：
一：事件修饰符 官网对事件修饰符说明：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> < 阅读全文