发表于： 2019-12-25 23:17:53

今天完成的事情

今天依旧是继续的学习vue框架的内容知识，主要是针对组件一块的深层一些的使用。

在这些内容的学习过程中，主要是对组件的深层用法，例如是父子组件之间传值方式。父传子在父元素中绑定变量的形式，子组件而后使用props这个方式来接受这其中的内容。若是让子组件中的内容回传给父组件中，那么需要使用的是在子组件的methods中定义一个函数其中使用$emit这个方式给它创造一个事件，$emit(“xxx”,xxx)这其中的内容再父组件中监听它，并可以给这个内容在父组件中定义他的函数并且能够传递我们emit后面这个xxx中的参数。而组件中的校验这部分内容是可以删选出我们传过去的内容是什么样的类型，字符串或数字或是对象着这种格式。要给我们父组件的子组件中创建我们原生的事件的话，一般我们使用@click并不能生效，只能过通过我们们子组件中传一个emit的方式过到父组件中，这种写法会是我们的代码变得臃肿，所以原生的写法可以使用@click.native的方式来触发。今天的主要比较难理解的点是非父子组件传值的这个问题，视频中的内容跟思路是通过把父组件中的content内容与子组件中的content内容做绑定，通过子组件中的methods来做一个方法通过bus发布订阅者模式把这个值暴露在外部，也会是emit的用法，再使用生命周期函数中的mounted函数对这个值做一个监听，从而做到传值的表现。在插槽的使用过程中，它实现了我们可以在子组件内部写入我们dom的做法非常方便，另外还有一个作用域的插槽可以让我们在子组件的模板中插槽中使用v-x的方法，而后在父组件中表现出来，v-once可以做到缓存内容提高性能。