下面属于匿名插槽，并且用法正确的是（ ） <child> <template >123</template> </child> <child> <template slot="default">123</template> </child> <child> <template slot="name">123</template> </child> <child> <template v-slot:default>123</template> </child>

下面属于匿名插槽，并且用法正确的是：

<child>
  <template>123</template>
</child>

<child>
  <template slot="default">123</template>
</child>

<child>
  <template v-slot:default>123</template>
</child>

以上三种写法都是匿名插槽的写法，可以在子组件中使用 `slot` 或 `v-slot` 来接收。其中第二种写法是使用了 `slot` 的具名插槽方式，但是没有指定具体的名称，所以仍然属于匿名插槽。第三种写法是 Vue.js 2.6.0 新增的语法糖，用于简化插槽的写法。

相关问题

关于默认插槽下，作用域插槽获取row属性下面用法正确的是( ) <child> <template slot-scope="obj">{{ obj.row } } </template></child> <child> <template slot="obj">{{ obj.row } } </template></child> <child> <template v-slot:default="obj">{{ obj.row } } </template></child> <child> <template v-slot="obj">{{ obj.row } } </template></child>

关于默认插槽下，作用域插槽获取row属性，用法正确的是：

<child>
  <template slot-scope="obj">{{ obj.row }}</template>
</child>

或者

<child>
  <template v-slot:default="obj">{{ obj.row }}</template>
</child>

这两种写法是等价的，都是使用 `slot-scope` 或 `v-slot` 来定义作用域插槽，其中 `obj` 是自定义的变量名，用于接收父组件传递过来的数据。在模板中，可以通过 `obj` 来访问父组件传递的数据，例如 `obj.row` 就是访问父组件传递的 `row` 属性。注意，这种写法只适用于 Vue.js 2.5.0 以后的版本。

动态插槽切换,请将代码补充完整。 <div id="a"> <child> <template ① > <p>p 标签</p> </template> </child> <button type="button" ② ="change()">更新</button> </div> var vm = new Vue({ el: '#a', ③ { child: { ④ : `<div> <slot ⑥ >插槽 1</slot> <slot ⑦ >插槽 2</slot> </div>` } },data: { dy: '', count: 1 },⑧ : { change: function() { this.dy = (this.count % 2 == 0) ? 'slot1' : 'slot2' this.count++ } } })

下面是补充完整的代码：

<div id="a">
  <child>
    <template v-if="dy === 'slot1'">
      <p>slot1 中的内容</p>
    </template>
    <template v-else-if="dy === 'slot2'">
      <p>slot2 中的内容</p>
    </template>
    <template v-else>
      <p>p 标签</p>
    </template>
  </child>
  <button type="button" @click="change">更新</button>
</div>

var vm = new Vue({
  el: '#a',
  data: {
    child: {
      template: `<div>
        <slot name="slot1">插槽 1</slot>
        <slot name="slot2">插槽 2</slot>
      </div>`
    },
    dy: '',
    count: 1
  },
  methods: {
    change: function() {
      this.dy = (this.count % 2 == 0) ? 'slot1' : 'slot2';
      this.count++;
    }
  }
});

解析：

1. 在 `<child>` 标签内部使用 `<template>` 标签来定义插槽内容，并使用 `v-if` 和 `v-else-if` 来切换不同的插槽内容。`v-else` 表示如果 `dy` 的值既不是 `slot1` 也不是 `slot2`，则显示 `<p>p 标签</p>`。
2. 在更新按钮上使用 `@click` 绑定 `change` 方法。
3. 在实例的 `data` 选项中，定义 `child` 对象，其中的 `template` 属性是一个字符串，表示子组件的模板。
4. 定义 `dy` 和 `count` 两个数据属性，用于动态切换插槽内容。
5. 在组件模板中，使用 `<slot>` 标签来定义插槽，`name` 属性用于指定插槽的名称。
6. 在 `change` 方法中，根据 `count` 的奇偶性来动态切换 `dy` 的值，从而达到动态切换插槽内容的效果。