Vue 将一个组件嵌入到另一个组件中

https://github.com/JasmineQian/Vue_Sample

 

App.vue是所有组件的

 

要嵌入到App.vue组件中，

在script处导入

import xxx  from './components/Helloxxx'

 

在export default中加入自己的组件

最后在template处，导入自己的组件即可

 

logo是在app.vue中添加的

篮框是在helloword中添加的，引入到app

红框是在helloLady中添加的，引入到app

 

 

 

 

 

### Vue内容
##### <!--1 模版: html结构-->
##### <template>
##### <div id="app">
#####
##### </div>
##### </template>

##### <!--2 行为: 处理逻辑-->
##### <script>
##### export default {
#####
##### }
##### </script>

##### <!--3 样式：解决样式-->
##### <style>
#####
##### </style>