2020-04-22 vue 模板1插入模板2

1、vue项目 components 下新建一个.vue文件。我使用的2.9.6版本vue， 默认格式是有一对<view></view> 标签， 去掉这对标签。重新加入一个新的根目录，比如<div></div>,参见下图first.vue（模板1）.

view标签


first.vue

2、模板2 中（message.vue）引入模板1（first.vue）使用。 将first.vue直接 import 入 message.vue， 然后在 export default 下加入components:{first}. ，如下图所示：


message.vue
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue.js 1.0 Official Guide Note
    Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性：var data = { a:...
    云之外阅读 6,644评论 0赞 6
  • vue个人笔记
    vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 8,479评论 1赞 22
  • 2019-06-18 vue路由
    本文转载于前端工匠。如有侵权联系本人立刻删除 一、首先带着问题 要学习vue-ro...
    qiaoguoxing阅读 3,276评论 0赞 1
  • vue
    一. Vue核心小知识点 1、vue中 key 值的作用 key 的特殊属性主要用在 Vue的虚拟DOM算法，在新...
    素心_b7d9阅读 4,097评论 0赞 0
  • 是随天上的云懒散惯了
    每个日子在重蹈覆辙 也许是随天上的云懒散惯了 总喜欢坐在紧贴了白云那侧的阳台 时而捋捋手心里不安分的， 从远处嗅着...
    为醉醇香也醉风月阅读 3,038评论 4赞 10