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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM