我是靠谱客的博主 明亮香水,最近开发中收集的这篇文章主要介绍vue2.0中组建里面套用组件_vue2.0怎么用组件自定义标签实现组件的嵌套?,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

想用这种方式实现组件嵌套:

目前实现的方式:是在app-content.vue中的template中嵌套的

index.html

main.js

import Vue from '../node_modules/vue/dist/vue';

import app from './app.js';

new Vue(app);

app.js

import content from '../components/app-content.vue'

module.exports={

el:"#app",

data:{},

components:{

appContent:content

}

};

app-content.vue

#content{

height: 100vh;

width: 100vw;

background: rgb(240,240,240);

position: relative;

}

import myHeader from './app-top.vue';

import myFooter from './app-bottom.vue';

export default {

components:{

myHeader,

myFooter

}

}

最后

以上就是明亮香水为你收集整理的vue2.0中组建里面套用组件_vue2.0怎么用组件自定义标签实现组件的嵌套?的全部内容,希望文章能够帮你解决vue2.0中组建里面套用组件_vue2.0怎么用组件自定义标签实现组件的嵌套?所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(57)

评论列表共有 0 条评论

立即
投稿
返回
顶部