随笔分类 -  Vue

v-for 与 v-if 的优先级比较
摘要：**结论：v-for 比 v-if 优先级高** 如果同时出现在一个DOM上，每次渲染都会先执行循环再去判断条件 浪费资源 && 还可能报错 方法：可以在v-for 加一层父元素或者子元素，然后再去v-if **场景：** 渲染的数组中某一项为null 源码： 选进行的for循环判断 然后执行的fo 阅读全文
posted @ 2021-08-16 09:44 赛德·乌漆嘛黑 阅读(396) 评论(0) 推荐(0)
Vue.filter过滤器
摘要：vue.filter 过滤器 注册或获取全局过滤器 过滤器：对数据进行筛选、过滤、格式化。 不改变原始值。 vue.filter('函数名字',function(value,obj,...){ }) ※全局过滤器跟局部过滤器冲突的时候 就近原则！ 例子： 1、处理null数据 1 Vue.filte 阅读全文
posted @ 2020-12-17 10:55 赛德·乌漆嘛黑 阅读(124) 评论(0) 推荐(0)
Vue之组件大全
摘要：1、什么是组件 不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。 模块化：从代码逻辑的角度进行划分，方便代码分层开发，保证每个功能模块的职责 组件化：从UI界面的角度进行划分，前端的组件化，方面UI组件的重用。 2、组件定义的三种方式 使用Vue.extend 阅读全文
posted @ 2020-09-13 21:49 赛德·乌漆嘛黑 阅读(447) 评论(0) 推荐(2)
过滤器filter
摘要：过滤器 1、全局过滤器（全局可以使用） 全局定义的过滤器： 第一个参数是名字 第二个参数是处理函数， 处理函数中的第一个参数是要过滤的数据 处理函数中的返回值是最终显示的数据 写法： 1 Vue.filter(名字，function(data,...参数){ 2 3 return “结果"； 4 5 阅读全文
posted @ 2020-09-08 22:08 赛德·乌漆嘛黑 阅读(132) 评论(0) 推荐(0)
Vue之animate
摘要：1、非列表的动画 将需要进行动画的元素用transition 包裹起来 在style里进行动画设置 进入的时候动画：v-enter{//动画的开始 transform:...}、v-enter-active{ //动画的过渡transition:...}、v-active-to{// 动画的结束tr 阅读全文
posted @ 2020-09-08 22:04 赛德·乌漆嘛黑 阅读(407) 评论(0) 推荐(0)
Vue之axios
摘要：1、axios 的get方式 1 created() { 2 axios.get('https://showme.myhope365.com/api/shop/shopGoods/open/banner/list' 3 , { 4 headers: { 'X-Requested-With': 'XM 阅读全文
posted @ 2020-09-08 21:46 赛德·乌漆嘛黑 阅读(144) 评论(0) 推荐(0)
Vue之生命周期函数
摘要：挂载el的两种方式： 1、vm.$mount("#app") 2、el:"#app" 八大生命周期函数 前四个是组件常见阶段的生命周期函数，只会执行一次 1、beforeCreate(){} 创建实例之前，这个阶段拿不到data上面的数据。 此阶段进行页面重定向 2、created（）{} 创建实例 阅读全文
posted @ 2020-09-08 21:28 赛德·乌漆嘛黑 阅读(128) 评论(0) 推荐(0)
Vue之自定义键盘修饰符、自定义指令
摘要：1、键盘修饰符 @keyup.enter="方法（）" //上方是通过enter键进行操作 Vue内定义了一些按键别名： .enter .tab .delete .esc .space .up .down .right .left 自定义按键别名： Vue.config.keyCode.按键名 = 阅读全文
posted @ 2020-09-07 19:56 赛德·乌漆嘛黑 阅读(372) 评论(0) 推荐(0)
v-show和v-if区别
摘要：本质区别： v-if()是直接删除或添加当前元素，v-show()是设置样式：display:block display:none 阅读全文
posted @ 2020-09-07 19:35 赛德·乌漆嘛黑 阅读(115) 评论(0) 推荐(0)