摘要: <!-- 应用场景: 点击一个按钮,由v-if让div显示,并且拿到div的内容的时候。 在div还没有被创建出来的时候,是拿不到内容的。 这里涉及到了Vue异步更新队列的概念 Vue观察数据变化的时候并不是直接更新DOM,而是开启一个队列,并 缓冲在同一事件循环中的发生的所有数据的改变,在缓冲时会 阅读全文
posted @ 2019-02-17 11:39 牛三 阅读(302) 评论(0) 推荐(0)
摘要: 1,递归组件 <!-- 递归组件: 组件在它的模板内可以递归的调用自己,只要给组件设置name组件就可以了。 设置那么House在组件模板内就可以递归使用了,不过需要注意的是, 必须给一个条件来限制数量,否则会抛出错误: max stack size exceeded 组件递归用来开发一些具体有未知 阅读全文
posted @ 2019-02-17 11:25 牛三 阅读(2810) 评论(0) 推荐(0)
摘要: <!-- 内容分发 1, 两个特点 组件不知道自己要挂载的内容是什么 组件可能有自己的模板 组件是由: props 传递参数 events 触发事件 slot 内容分发 构成 编译的作用域: 父组件的模板内容是在父组件作用域内编译, 子组件模板内容是在子组件作用域内编译 <child-compone 阅读全文
posted @ 2019-02-17 10:39 牛三 阅读(559) 评论(0) 推荐(0)
摘要: 组件通讯的关系: 父子组件通讯,兄弟组件通讯,跨级组件通讯。 <!-- 当子组件像父组件传递数据时,就要用到自定义事件了。 Vue组件通讯模式 观察者模式 dispatchEvent和addEventListener 子组件用$emit() 来触发事件 this.$emit("addNum", th 阅读全文
posted @ 2019-02-17 10:15 牛三 阅读(215) 评论(0) 推荐(0)
摘要: 组件是Vue最强大的功能之一;组件化编程,允许我们使用小型,独立,通用的可复用型组件构建大型应用;任何页面都可以抽象为组件树; <!-- 组件需要注册后才能使用。 注册有全局注册和局部注册两种方式 全局注册: 全局: 局部注册: 局部: 注册后的组件只是在该作用域下有效 父组件正向的向子组件传递数据 阅读全文
posted @ 2019-02-17 09:46 牛三 阅读(1023) 评论(0) 推荐(0)