摘要: 组件之间通信可以用下图表示: 组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信。 一、自定义事件 当子组件需要向父组件传递数据时,就要用到自定义事件。 子组件用$emit ()来触发事件,父组件用$on()来监昕子组件的事件。 父组件可以直接在子组件的自定义标签上使用v-on 来监昕子组件触发 阅读全文
posted @ 2018-04-08 22:30 柴小智 阅读(2689) 评论(0) 推荐(0) 编辑
摘要: 在 Vue 中,父子组件的关系可以总结为 props向下传递,事件向上传递。父组件通过 props 给子组件下发数据,子组件通过事件给父组件发送消息。看看它们是怎么工作的。 一、基本用法 组件不仅仅是要把模板的内容进行复用,更重要的是组件间要进行通信。 在组件中,使用选项props 来声明需要从父级 阅读全文
posted @ 2018-04-08 16:05 柴小智 阅读(3949) 评论(0) 推荐(0) 编辑
摘要: 一、什么是组件 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。 二、组件用法 组件需要注册后才可以使用,注册有全局注册和局部注册两种方式。 2.1 全局注册后,任何V ue 实例都可以使用。如: 要在父实例中使用这个组件,必须要在实 阅读全文
posted @ 2018-04-08 12:04 柴小智 阅读(7586) 评论(0) 推荐(0) 编辑
摘要: 一、基本用法 你可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。 但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。 v-model 会忽略所有表单元素的 value、checked、s 阅读全文
posted @ 2018-04-08 11:06 柴小智 阅读(1005) 评论(0) 推荐(0) 编辑