随笔分类 -  Vue.js

摘要:v-if与v-show的区别与选择 官网给的区别 v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。 相比之下,v-show 就简单得多— 阅读全文
posted @ 2018-11-14 08:47 Katydids 阅读(1084) 评论(0) 推荐(0)
摘要:Vue: (1) 没有再模板里引用data数据,会不会引起update、beforeUpdate生命周期函数的执行? 不会 (2)组件改成异步 (3)v-once (4)如果不用template属性,直接在页面上写组件名,有些浏览器会把这些非法命名的组件解析错误,这是需要在标签内写正常的标签名,写i 阅读全文
posted @ 2018-11-13 23:11 Katydids 阅读(1439) 评论(0) 推荐(0)
摘要:众所周知,vue在beforecreate时期是获取不到data中的 数据的 但是通过一些方法可以实现在beforecreate时获取到data中的数据 暂时想到两种放发可以实现,vue在beforecreate时获得data中的数据 异步获取即:通过 $this.$nextTick或者settim 阅读全文
posted @ 2018-11-13 08:44 Katydids 阅读(5752) 评论(0) 推荐(0)
摘要:vue点击时动态改变样式template中 data中 methods中 如果本文对您有帮助,请抬抬您的小手,点下右下角的推荐, ^-^,当然如果看了这篇博客对您有帮助是我最开心的事,毕竟赠人玫瑰,手有余香, ^-^,如果这篇博客没有帮助到您,那就只能说一声抱歉啦 阅读全文
posted @ 2018-11-12 19:53 Katydids 阅读(9486) 评论(0) 推荐(0)
摘要:Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接 大家都知道vue的响应式原理是通过ES6新增的属性Object.defineProperty来实现的,在说vue响应式原理之前不得不先说 阅读全文
posted @ 2018-11-12 19:09 Katydids 阅读(1230) 评论(0) 推荐(0)
摘要:vue生命周期 vue生命周期分为八个阶段: 创建前后(组件初始化时期), vue生命周期体系开始初始化,data和dom都还未初始化,无法访问 created时 可以访问到data,通常做一些数据的初始化动作,因为不会引起其他阶段的钩子函数重复执行 挂载前后(组件创建时期), dom依然不可访问, 阅读全文
posted @ 2018-11-12 17:39 Katydids 阅读(241) 评论(0) 推荐(0)
摘要:采用 数据劫持 + 发布-订阅 模式,通过Object.definePropety()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调 需要对observer的数据对象进行递归遍历,包括子属性对象的属性,都加上setter和getter ,这样,给这个对象 阅读全文
posted @ 2018-11-12 09:20 Katydids 阅读(176) 评论(0) 推荐(0)
摘要:异步获取即:通过 $this.$nextTick或者settimeout,这连dom都可以拿出来 beforeCreate() { this.$nextTick(function() { console.log(this.属性名); }) }) 同步获取:在beforeCreate之前,所有的ipt 阅读全文
posted @ 2018-11-12 09:03 Katydids 阅读(450) 评论(0) 推荐(0)
摘要:当然详细情况还是看一下vue的官网吧 官网https://router.vuejs.org/zh/ hash模式下(默认) new VueRouter({ mode : ‘hash’, routes : [] }) window.addEventListener(‘hashchange’,方法名或方 阅读全文
posted @ 2018-11-12 08:56 Katydids 阅读(261) 评论(0) 推荐(0)
摘要:循环时参数一定按顺序来,因为vue内部已经规定好了顺序 如果本文对您有帮助,请抬抬您的小手,点下右下角的推荐, ^-^,当然如果看了这篇博客对您有帮助是我最开心的事,毕竟赠人玫瑰,手有余香, ^-^,如果这篇博客没有帮助到您,那就只能说一声抱歉啦 阅读全文
posted @ 2018-11-10 08:15 Katydids 阅读(9714) 评论(1) 推荐(3)
摘要:在使用better-scroll的时候遇到过的错误之一[BScroll warn]: Can not resolve the wrapper DOM. Vue better-scroll[Vue warn]: Error in mounted hook: “TypeError: Cannot rea 阅读全文
posted @ 2018-11-10 08:11 Katydids 阅读(4147) 评论(0) 推荐(0)