Vue项目——引入外部组件

2019-03-15 3,063 阅读1分钟

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>