vue填坑指南之模板的使用

　　　　坑提示："The template root requires exactly one element"

　　　　Src下面有个App.vue文件，在index里引用了这个文件以后，我在.vue文件里添加了html，但是加完一个div以后，再加div就没效果了，百思不得其解。

　　　　如图：

　　　　div1能显示，但是div2死活不出来。知道今天我看见了一句提示：

　　　这句话的意思是模板只能有一个根节点！就是说.vue文件里，要有一个根节点div，里面再去包含1和2，就可以了。

　　　　“试试效果”这个div和之前写的一个div被我放到一个根div里，然后页面就显示出来了。

　　　　这块vue之所以这样设计，应该是出于vue的特性，每个template都有一个单独的id，同时里面对应一个单独的、唯一的、根级别的div

转载于:https://www.cnblogs.com/sunshine-wy/p/10045615.html

vue填坑指南之模板的使用相关推荐

开发工具总结（4）之Android Studio3.0填坑指南
序言 Android Studio 3.0 上篇讲了: 全面总结Android Studio2.X的填坑指南这篇讲一下AS3.0的坑.. 作为这个世界上走在最前沿的生物"猿",怎 ...
Android Studio 填坑指南
前几天发布了一篇名为<Android Studio 安装.配置及第一个程序演示>的博文,有不少童鞋都认真阅读过并照步骤一步一步操作了一遍,有滴如期成功地装好了,然鹅有滴反映说这不对呀,为森 ...
第二篇：salt-api使用填坑指南
前言 salt-api在使用时,有些坑欲哭无泪,一路趟雷过后,总结了一趟salt-pai使用填坑指南,保君一路畅通. salt-api 安装 #本文的安装版本 2018.3.2-1.el6 yum i ...
alert点击确定后跳转_公众号/h5 跳转到小程序填坑指南
公众号/h5 跳转到小程序填坑指南本文介绍的是使用微信开放标签 wx-open-launch-weapp 实现微信浏览器内网页跳转到任意合法合规的小程序里,官方要求微信版本为:7.0.12 及以上, ...
开发工具总结（2）之全面总结Android Studio2.X的填坑指南
前言:好多 Android 开发者都在说Android Studio太坑了,老是出错,导致开发进度变慢,出错了又不知道怎么办,网上去查各种解决方案五花八门,有些可以解决问题,有些就是转来转去的写的很粗 ...
KKBOX音乐——数据分析，用户研究与填坑指南
KKBOX音乐--数据分析,用户研究与填坑指南导语 1 数据来源 2 数据处理 2.1 录入数据 2.2 数据类型 3 探索性分析 3.1 MySQL+Excel 3.1.1 每年3月最先注册的前1 ...
Redmine3.3.3 搭建与不完全填坑指南
为什么80%的码农都做不了架构师?>>> Redmine3.3.3 搭建与不完全填坑指南 [TOC] 概要 Redmine3.3.3 搭建.不完全填坑指南.不联网安装.Wind ...
NW.JS填坑指南（解决Flash插件、视频播放等故障）
目录 NW.JS填坑指南 NW.js是什么? NW.js 和 electron的选择开发工具IDE 下载nwjs 版本信息简单的实例改图标改合成exe的图标改图标第二种方案是播放不了视频 ...
python find函数_Python 装饰器填坑指南 | 最常见的报错信息、原因和解决方案
本文为霍格沃兹测试学院学员学习笔记,进阶学习文末加群. Python 装饰器简介装饰器(Decorator)是 Python 非常实用的一个语法糖功能.装饰器本质是一种返回值也是函数的函数,可以称之 ...

vue填坑指南之模板的使用

vue填坑指南之模板的使用相关推荐

最新文章

热门文章