2022年9月8日
摘要：
event bus 通过创建一个新的vm对象,专门统一注册事件,供所有组件共同操作,达到所有组件随意隔代传值的效果 1、在vue-bus.js文件中 const install = function (Vue) { const Bus = new Vue({ methods: { emit(even 阅读全文
摘要：
Provide/Inject 通常情况下，父组件向孙组件传递数据，可以采用父子props层层传递，也可以使用bus和Vuex直接交互。 在Vue2.2.0之后，Vue还提供了provide/inject选项 //父组件 <template> <div> <p>{{ title }}</p> <son 阅读全文
摘要：
$root用法 作用：访问根组件中的属性或方法 注意：是根组件，不是父组件。$root只对根组件有用。 访问父组件的属性或方法 this.$parent 访问子组件的属性或方法 this.$ref 阅读全文
摘要：
子组件通过调用父组件的方法给父组件传值: 因为通过属性传值是单向的,有时候我们需要子组件的data 数据需要交给父组件使用: 子组件的自定义事件中,用$emit触发事件调用父组件方法给父组件传值 (重点),让父组件监听到自定义事件 。 过程： 通过在子组件上定义自定义事件，在子组件中通过$emit 阅读全文
摘要：
来自官网—— 想要在一个组件的根元素上直接监听一个原生事件。这时，你可以使用 v-on 的 .native 修饰符： <base-input v-on:focus.native="onFocus"></base-input> 在你尝试监听一个类似 <input> 的非常特定的元素时，这并不是个好主意 阅读全文
摘要：
$refs是一个对象，属性名就是绑定在模板中的ref值 <div ref="xx"></div> 1、this.$refs代替了DOM的元素获取操作 例： var div= this.$refs.div ==》 var div= document.querySelector("div ") $roo 阅读全文
摘要：
vue加载流程 1.每一个组件在加载时都会调用vue内部的render函数来把这个组件的tamplate选项的模板解析为一个JS对象 这个对象跟DOM节点对象"长得一模一样",就是为了后来的渲染 Vue.prototype._init = function (options?: Object) { 阅读全文