心意如水hucuie22

2020年5月17日

摘要： // 如果我们通过全局配置了，请求的数据接口根域名，则，在每次单独发起 http 请求的时候，请求的 url 路径，应该以相对路径开头，前面不能带 / ，否则不会启用根路径做拼接； Vue.http.options.root = 'http://vue.studyit.io/'; getAll 阅读全文

posted @ 2020-05-17 14:53 心意如水hucuie22 阅读(1087) 评论(0) 推荐(0) 编辑

vue生命周期的使用

摘要： beforeCreated这是我们第一个的生命周期函数，表示实列完全创建出来之前，会执行他注意，在执行的时候，data和methods中的数据都还没有初始化 created第二个生命周期函数在created中，data和methods已经初始化好了如果调用methods中的方法，或者操作dat 阅读全文

posted @ 2020-05-17 11:35 心意如水hucuie22 阅读(286) 评论(0) 推荐(0) 编辑

2020年5月16日

自定义全局按键修饰符

摘要：使用Vue.directive()定义全局的指令 v-focus //其中参数1指令的名称，注意在定义的时候，指令的名称前面，不需要加v-前缀但是在调用的时候，必须在名称前加v-前缀在进行调用参数2，是一个对象这个对象上，有一些指令相关的函数，这些函数可以在特定的阶段，执行相关的操作 Vue.d 阅读全文

posted @ 2020-05-16 14:43 心意如水hucuie22 阅读(153) 评论(0) 推荐(0) 编辑

自定义全局按键修饰符

摘要： Vue.config.keyCodes.f2=113, @keyup.f2="submit" 阅读全文

posted @ 2020-05-16 13:52 心意如水hucuie22 阅读(130) 评论(0) 推荐(0) 编辑

会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。

摘要： ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。 'x'.padStart(5, 'ab') // 'ababx' 'x'.padStart(4, 'ab') // 'abax' 'x'.pad 阅读全文

posted @ 2020-05-16 13:23 心意如水hucuie22 阅读(149) 评论(0) 推荐(0) 编辑

过滤器的适用场景

摘要：  {{ message | capitalize }}  <div v-bind:id="rawId | formatId"></div> vue做时间的过滤器 Vue.filter("ti",function(times){ 阅读全文

posted @ 2020-05-16 11:49 心意如水hucuie22 阅读(226) 评论(0) 推荐(0) 编辑

2020年5月15日

vue中的搜索实现方式

摘要： 1.第一种办法定义一个搜索的函数传入要搜索的关键字，在方法内部实现for循环，把所有符合条件的数据存在一个空数组中，返回，在实行for循环，item.name包含keyword就可以搜索 v-for="(item,index) in search(keyword)" :key="index"> me 阅读全文

posted @ 2020-05-15 17:30 心意如水hucuie22 阅读(911) 评论(1) 推荐(0) 编辑

vue中v-if和v-show的区别

摘要： v-if的特点：每一次都会重新删除或者创建元素 v-show的特每次不会进行dom的删除和创建操作，只是切换元素的display:none的样式如果元素涉及到频繁的切换，最好不好用v-if 而是推荐适用v-show 如果元素可能永远也不会显示出来用户看到，则推荐使用v-if 阅读全文

posted @ 2020-05-15 11:48 心意如水hucuie22 阅读(154) 评论(0) 推荐(0) 编辑

v-for中key的适用注意事项

摘要： v-for循环的时候key属性只能适用number或者string key在适用的时候用v-bind:绑定属性的值作用;可以保证数据的唯一性，关联在组件中，适用v-for 有问题要指定唯一的属性阅读全文

posted @ 2020-05-15 11:03 心意如水hucuie22 阅读(161) 评论(0) 推荐(0) 编辑

2020年5月14日

vue点击点击添加单选数据

摘要： <input type="text" v-model="id"> <input type="text" v-model="name"> <button @click="add"></button> <ul> <li v-for="item in list"> {{item.name}} <input 阅读全文

posted @ 2020-05-14 22:34 心意如水hucuie22 阅读(426) 评论(0) 推荐(0) 编辑