2022年9月8日
Vue-用$emit实现子组件向父组件传值
摘要： 上一个随笔提到属性传值是单向的，意思就是只能父组件向子组件传值，那么想要子组件向父组件传值的话就要用到$emit来触发事件 阅读全文
posted @ 2022-09-08 01:27 前端小白银 阅读(24) 评论(0) 推荐(0)
Vue-属性传值
摘要： 属性传值 所谓的属性传值，就是父组件通过绑定属性的方法，然后子组件通过props来获取父组件的值，而属性传值的方法有两种形式： 第一种：具体的一个值（字符串，数值,布尔型） 传递的值，只会改变局部，不会改变全部的数据 第二种：传递一个引用（数组或对象）传递引用，改变一个地方的数据，所有跟引用相关的数 阅读全文
posted @ 2022-09-08 01:14 前端小白银 阅读(261) 评论(0) 推荐(0)
Vue-DIFF算法
摘要： DIFF算法 用 JavaScript 对象结构表示 DOM 树的结构；然后用这个树构建一个真正的 DOM 树，插到文 档当中 当状态变更的时候，重新构造一棵新的对象树。然后用新的树和旧的树进行比较(diff)，记录两棵树差异 把第二棵树所记录的差异应用到第一棵树所构建的真正的DOM树上(patch 阅读全文
posted @ 2022-09-08 00:47 前端小白银 阅读(26) 评论(0) 推荐(0)
Vue-Vue的加载流程
摘要： 第一步： 每一个组件在加载时都会调用内部的render函数把这个组件的template选项的模板解析为一个Javascript对象，而这个对象跟DOM节点对象一摸一样，这个对象的作用就是为了后面的页面渲染。 第二步： 接下来就是数据劫持代理监听等 底层有一种设计: 发布/订阅设计 其实就是写了一个w 阅读全文
posted @ 2022-09-08 00:45 前端小白银 阅读(177) 评论(0) 推荐(0)
2022年9月6日
Vue-面试题之生命周期函数
摘要： 1.什么是生命周期函数? vue组件对象在创建到销毁的过程中,在某一种条件成立的时刻 系统会去调用的vue中设定的函数 这些函数都叫做:生命周期函数 2.vue的命周期函数有哪些? 普遍的答法: 有8个创建前后,挂载前后,更新前后,销毁前后 (beforeCreate、created、beforeM 阅读全文
posted @ 2022-09-06 00:29 前端小白银 阅读(111) 评论(0) 推荐(0)
Vue-面试题之计算属性,属性侦听器,方法,过滤器有什么区别?为什么要分开设计？
摘要： 计算属性会把计算的结果缓存起来,并监听计算过的数据源 如果监听的数据源发生变化才会重新计算(没有监听的属性发生变化 模板会重新渲染) 方法一般是提供给模板事件和其他方法(比如钩子函数)使用,如果在模板中使用了方法,而且不是事件,如果模板中的渲染的任意数据源改变了 它都会重新调用 过滤器往往用于数据渲 阅读全文
posted @ 2022-09-06 00:21 前端小白银 阅读(40) 评论(0) 推荐(0)
2022年9月5日
Vue-组件
摘要： 组件 组件是可复用的 Vue 实例,主要用于开发中 具有相同特征不同数据的模块 把它集成为一个组件 供重复利用 1.全局组件: 组件的属性不能用大写字母 组件的名字可以用驼峰命名法,但是使用的时候必须用连字符 全局注册的组件使用时不能使用单标签(不会报错,但是只能使用一次 多次使用只显示第一个) 注 阅读全文
posted @ 2022-09-05 23:51 前端小白银 阅读(32) 评论(0) 推荐(0)
Vue-生命周期函数
摘要： 生命周期函数 相当于是一种特殊事件,当vm实例在整个运行的过程中,会在不同的时期去执行特定的函数,这样的函数就是vue的生命周期函数 beforeCreate created beforeMount mounted destory/x这些钩子都只执行一次 beforeUpdate updated第一 阅读全文
posted @ 2022-09-05 23:38 前端小白银 阅读(62) 评论(0) 推荐(0)
Vue-自定义指令
摘要： 自定义属性 除了默认设置的核心指令( v-model 和 v-show 等)，Vue 也允许注册自定义指令。 在Vue里，代码复用的主要形式和抽象是组件。 然而，有的情况下，仍然需要对纯 DOM 元素进行底层操作，这时候就会用到自定义指令 。 以一个input元素自动获得焦点为例，当页面加载时，使用 阅读全文
posted @ 2022-09-05 23:32 前端小白银 阅读(139) 评论(0) 推荐(0)
Vue-属性侦听器
摘要： 属性侦听器 watch:{x(){}}中的方法名必须跟要监听的data中的属性名一样,才代表监听指定属性 当侦听器监听的属性发生变化时,就会调用watch中对应的方法 侦听器属性，比计算属性计算效率消耗大 new Vue({ el:"",//关联界面元素 data:{x:12},//vm的数据源 m 阅读全文
posted @ 2022-09-05 23:28 前端小白银 阅读(17) 评论(0) 推荐(0)