2019年10月22日
摘要: 1、v-if:判断是否隐藏 2、v-for:数据循环 3、v-bind:class:绑定一个属性 4、v-model:实现数据双向绑定 这里重点说明一个v-if和v-show的区别: 共同点:都是通过判断绑定数据的true/false来展示的 不同点:v-if只有在判断为true的时候才会对数据进行 阅读全文
posted @ 2019-10-22 22:35 小菟同学 阅读(4467) 评论(0) 推荐(0) 编辑
摘要: 1、<router-link to="需要跳转到页面的路径"> 2、this.$router.push()跳转到指定的url,并在history中添加记录,点击回退返回到上一个页面 3、this.$router.replace()跳转到指定的url,但是history中不会添加记录,点击回退到上上个 阅读全文
posted @ 2019-10-22 22:28 小菟同学 阅读(3842) 评论(0) 推荐(0) 编辑
摘要: 组件关系可分为父子组件通信、兄弟组件通信 1、父组件传子组件 通过props属性来实现 2、子组件传父组件 子组件用$emit()来触发事件,父组件用$on()来监听子组件的事件 3、兄弟之间的通信 通过一个实例Bus作为媒介,要相互通信的兄弟组件之中都引入Bus,之后通过分别调用Bus事件触发和监 阅读全文
posted @ 2019-10-22 22:20 小菟同学 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 设置:在router目录下的index.js文件中,对path属性加上/:id 获取:使用router对象的params.id 阅读全文
posted @ 2019-10-22 22:02 小菟同学 阅读(8253) 评论(0) 推荐(0) 编辑
摘要: Vue数据双向绑定的原理就是采用数据劫持结合发布者-订阅者模式,通过object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调 具体步骤如下: 1.需要observe的数据对象进行递归遍历,包括子属性对象的属性,都加上s 阅读全文
posted @ 2019-10-22 21:58 小菟同学 阅读(211) 评论(0) 推荐(0) 编辑
摘要: vue生命周期 1.面试官通常会问请详细的说下vue生命周期的理解 答:vue的生命周期分为8个阶段这八个阶段主要分别如下 创建前后:beforeCreated和Created beforeCreated(创建前):vue实例挂载元素$el和数据对象data都为undefined,还未初始化 Cre 阅读全文
posted @ 2019-10-22 21:45 小菟同学 阅读(675) 评论(0) 推荐(0) 编辑

……