摘要:
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> < 阅读全文