vue组件中嵌套html,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

}

vue组件中嵌套html,vue2.0怎么用组件自定义标签实现组件的嵌套？相关推荐

UNI-APP在自定义组件中内嵌H5/Html网页，可自定义webview大小，加载不闪屏
问题描述: UNI-APP在自定义组件中内嵌H5/Html网页时,通过内置组件 web-view 实现(如下),发现会自动铺满整个页面,不可控制大小(默认充满屏幕不可控制大小) <web-vie ...
vue项目中，兼容vue3.0 1.0 2.0 宫格拖拽排序，特殊五小一大六宫格拖拽
前端时间写了标准宫格拖拽排序的文章 1. 2.4.9.12等等标准宫格拖拽,基于vue-grid-layout 拖拽换位无刷新 vue项目中基于vue-grid-layout开发的拖拽 ...
vue学习（八）vue2.0路由vue-router的简单入门使用
vue-router官网中文文档:Vue Router Vue Router 是 Vue.js 官方的路由管理器.它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌.路由实际上就是可以理 ...
vue2.0+stylus实现商品增加减少控制按钮组件
注:组件中使用到的icon为svg通过icomoon.io转换而来的css icon,实际使用需要换成你的icon 使用例子如下: <li @click="selectFood(foo ...
【Vue】双向数据绑定原理 vue2.0 与 vue3.0
目录一.什么是双向数据绑定? 二.双向数据绑定原理 vue2.0 三.Vue 3.0使用ES6的新特性porxy 四.思考一.什么是双向数据绑定? vue是一个mvvm框架,即数据双向绑定,即当数 ...
vue将文本渲染html,vue2.0 之文本渲染-v-html、v-text
vue2.0 之文本渲染-v-html.v-text 1.index.html代码 vuedemo 2.main.js代码 import Vue from 'vue' import App from ...
view vue 存图片_小小vue2.0图片查看器
一个小小vue2.0的图片查看器组件闲暇下来封装了一个 vue2.0的图片查看器组件,通过这个更能方便清楚地查看列表的一张张图片.已经兼容 pc 跟移动端,通过 npm 来下载安装使用. This ...
vue2.0 结合HTML5原生Audio标签在移动端的使用实现方式，应用场景为钉钉微应用
在做vue2.0钉钉微应用项目,有需要播放音频的是需求,用阿里云sdk播放器不购买相关服务,音频有些播放不了.于是我就直接用HTML5原生的Audio标签自己写音频播放器.(业务需求:记录上次播放位置 ...
Vue2.0饿了吗的实践-header组件的实践
header组件的实现图: header组件的代码: html: <template> <div class="header"> <div class ...

vue组件中嵌套html,vue2.0怎么用组件自定义标签实现组件的嵌套？

vue组件中嵌套html,vue2.0怎么用组件自定义标签实现组件的嵌套？相关推荐

最新文章

热门文章