vue中component标签的使用
dom部分
<template> <div > <component :is="key"></component> </div> </template>
js部分
<script> var componentA = { template: `<div >我是A组件</div>` }; var componentB = { template: `<div >我是B组件</div>` }; var componentC = { template: `<div >我是C组件</div>` }; export default { name: "component", data() { return { key: "comC" }; }, methods: { }, components: { comA: componentA, comB: componentB, comC: componentC } }; </script>
- 上一篇 »注解方式实例化Java类
- 下一篇 »vue在html标签{{}}中调用函数的方法总结及对比