摘要：
slot详细介绍网址：https://cn.vuejs.org/v2/api/#slot 有时候我们需要在自定义组件内书写一些内容，例如： <com-a> <h1>title</h1> </com-a> 如果想获取上面代码片段中h1标签的内容该怎么办呢？ Vue提供了一个极为方便的内置组件<slot 阅读全文
posted @ 2019-04-27 15:27
perfect*
阅读(1113)
评论(0)
推荐(0)
摘要：
Vue中不同的组件，即使不存在父子关系也可以相互通信，我们称为非父子关系通信； 我们需要借助一个空Vue实例，在不同的组件中，使用相同的Vue实例来发送/监听事件，达到数据通信的目的； 实例： 初始加载界面： 初始界面代码： 使用监听事件后： 添加的监听事件的代码： 调用事件部分： 最终代码： 1 阅读全文
posted @ 2019-04-27 15:04
perfect*
阅读(623)
评论(0)
推荐(0)
摘要：
单向数据流：父组件值的更新，会影响到子组件，反之则不行； 修改子组件的值： 局部数据：在子组件中定义新的数据，将父组件传过来的值赋值给新定义的数据，之后操作这个新数据； 如果对数据进行简单的操作，可以使用计算属性； 由效果图可知，父组件值的更新，会影响到子组件，而子组件值的更新时，控制台会报错 此时 阅读全文
posted @ 2019-04-27 14:20
perfect*
阅读(1194)
评论(0)
推荐(0)
摘要：
子组件向父组件传值：子组件通过$.emit()方法以事件形式向父组件发送消息传值； 使用步骤： 定义组件：现有自定义组件com-a、com-b，com-a是com-b的父组件； 准备获取数据：父组件com-a要获取子组件data中的height属性； 在子组件com-b中，需要用$.emit()方法 阅读全文
posted @ 2019-04-27 12:03
perfect*
阅读(1627)
评论(0)
推荐(0)
摘要：
父组件向子组件传值：父组件通过属性向下传值的方式和子组件通信； 使用步骤： 定义组件：现有自定义组件com-a、com-b，com-a是com-b的父组件； 准备获取数据：com-b要获取父组件data中的name属性； 在<com-b :name=“name”></com-b> 使用v-bind 阅读全文
posted @ 2019-04-27 11:11
perfect*
阅读(10378)
评论(0)
推荐(0)
摘要：
在Vue的组件内也可以定义组件，这种关系成为父子组件的关系； 如果在一个Vue实例中定义了component-a，然后在component-a中定义了component-b，那他们的关系就是： Vue实例 -- 根组件 root component-a – 相对于root 这是子组件，相对于comp 阅读全文
posted @ 2019-04-27 09:44
perfect*
阅读(388)
评论(0)
推荐(0)
浙公网安备 33010602011771号