Vue项目——引入外部组件

1 2 3 4 5 6 7 8 9 10 11 12

1.声明一个组件 chila.vue <template> <div> child1 //显示内容 </div> </template> <script> export default { name: "child1" } </script>

　　

1 2 3 4 5 6 7 8 9 10 11 12 13

2.引用 parent.vue<template> <div> <child1 ref="child1"></child1> //使用 </div> </template> <script> import Child1 from './child1'; //引用 export default { name: "parent", components: {child1: Child1} } </script>