摘要:
父组件想要在自个的模板中使用子组件的data数据,有3种方式: 1. 子组件发送事件:主动方是子组件 2. 父组件获取子组件的对象,通过this.childredn或refs,但这种方式大多是用在scirpt代码里面,在template模板中并不适用 3. 插槽作用域的方式获取,该方式能在templ 阅读全文
摘要:
在上一篇讲了插槽的基本使用,但是现在又有了新的需求了,一个组件中有3个插槽,只想替换中间的插槽,另外两个默认即可,那该如何替换呢?具名插槽就派上用场了,说简单点就是给插槽取个名字,当插入元素的时候说明要插入的是哪个插槽即可,代码如下: <body> <div id="app"> <ccomponen 阅读全文
摘要:
之前我们使用的组件他的拓展性是特别差的,因为组件的内部标签是固定写死的,就会导致这个组件的复用性很差,比如一个导航栏组件,他里面的组成部分是根据需求不同而定的,因此里面的标签不能写死,而插槽的出现刚好能解决这个问题,一个组件里面预留几个空间,根据需求往里面填充不同的标签,这就是插槽 下面我们看下代码 阅读全文