赞助
摘要: ² 子组件用$emit()定义自定义事件,$emit()第一个参数为 自定义的事件名称 第二个参数为需要传递的数据 ² 父组件用v-on(@)绑定子组件定义的自定义事件名,监听子组件的事件,实现通信 第1步:在子组件中通过this.$emit()完成自定义事件定义 在父组件中实现子组件中自定义的事件 阅读全文
posted @ 2021-01-06 18:55 Tsunami黄嵩粟 阅读(58) 评论(0) 推荐(0)
摘要: ² 父组件以属性的形式绑定值到子组件身上 ² 子组件通过使用属性props接收(props是单向绑定的(只读属性):当父组件的属性变化时,将传导给子组件,但是反过来不会) 第1步,父组件以动态属性的方式把自身中的data数据传值给子组件 第2步:在子组件中通过配置选项props来动态获取自定义组件中 阅读全文
posted @ 2021-01-06 18:28 Tsunami黄嵩粟 阅读(130) 评论(0) 推荐(0)
摘要: 只能在当前注册它的vue实例中使用,通过某个 Vue 实例/组件的实例选项 components 注册仅在其作用域中可用的组件 var Child = { template: '<div>A custom component!</div>' } new Vue({ components: { // 阅读全文
posted @ 2021-01-06 18:25 Tsunami黄嵩粟 阅读(75) 评论(0) 推荐(0)
摘要: 组件 (Component) 是 Vue.js 最强大的功能之一,它是html、css、js等的一个聚合体。 组件化 将一个具备完整功能的项目的一部分分割多处使用 加快项目的进度 可以进行项目的复用 组件注册分为:全局注册和局部注册 全局注册 Vue.component('组件名称', { })第1 阅读全文
posted @ 2021-01-06 18:20 Tsunami黄嵩粟 阅读(642) 评论(0) 推荐(0)