template元素不支持v-show指令，即v-show="false"对template元素来说不起作用。但是此时的template元素支持v-if、v-else-if、v-else、v-for这些指令。
//vue中template的三种写法，目前常见的是第三种

//第一种（使用模板字符串）早期字符串拼接年代

new Vue({
el: “#app”,
template: ’

',
data: {
message: ‘字符串拼接’
}
})

//第二种（使用script元素）HTML5标准之前的写法

new Vue({
el: “#app”,
template: ‘#tem’,
data: {
message: ‘HTML5标准之前的写法，存在一定弊端（可自行google）
之后HTML5发布的template元素弥补了此方式的缺点’
}
})

//第三种（使用template元素）HTML5标准之后的写法【第二种的升级版】

new Vue({
el: “#app”,
template: ‘#tem’,
data: {
message: 'HTML5中的template标签 ,注意：
template是HTML5中的标签，
不是自定义标签，
也不是Vue中的组件
MDN-docs：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/template ’
}
})

template不支持v-show相关推荐

Web Template Studio 发布！在 VS Code 中轻松创建 Web 应用
作为一个 Web 应用开发者,Scaffolding Tool(脚手架工具)一定是在创建项目时的重要工具.许多开发者会习惯于使用基于 CLI 的脚手架工具来创建 Web 应用,也有许多开发者喜欢使用类 ...
微信小程序template模板与component自定义组件的区别和使用
前言: 除了component,微信小程序中还有另一种组件化你的方式template模板,这两者之间的区别是,template主要是展示,方法则需要在调用的页面中定义.而component组件则有自己 ...
HCIE 面试资料-BGP/MPLS V`PN
MPLS V·PN 为了实现两个站点之间跨越公网通信有了[Virtual Private Network]虚拟私有网络技术专线的特点 1.线路专有,安全性高,不同用户之间物理隔离 2.价格昂贵 3. ...
Vue进阶（幺肆玖）：template 标签
文章目录一.HTML5 中的 template 标签二.Vue 中的 template 标签三.注意事项四.拓展阅读一.HTML5 中的 template 标签 html5中template ...
Vue组件的三大部分－template、script、style
分享一个大牛的人工智能教程.零基础!通俗易懂!风趣幽默!希望你也加入到人工智能的队伍中来!请轻击http://www.captainbed.net vue 是一个完全支持组件化开发的框架.vue 中规 ...
关于template标签用法总结(含vue中的用法总结)
文章目录一.html5中的template标签二.template标签操作的属性和方法三.vue中的template 1.template标签在vue实例绑定的元素内部 2.vue实例中的tem ...
vue template html属性,详解template标签用法(含vue中的用法总结)
一.html5中的template标签 html中的template标签中的内容在页面中不会显示.但是在后台查看页面DOM结构存在template标签.这是因为template标签天生不可见,它设置了 ...
template标签用法（含vue-template的用法）
template标签用法(含vue) 1.h5中的template标签 html中的template标签中的内容在页面中不会显示.但是在后台查看页面DOM结构存在template标签.这是因为temp ...
【GitHub探索】v语言上手，用vlang写一个聊天应用
前言 vlang(v语言)自从6月份突然炒热起来,不知不觉到了11月,正式版就要出来了,在11月的GitHub Trending榜中依然排在前10.这着实令人好奇,因此笔者决定试用一下vlang,写一 ...

template不支持v-show

{{message}}

{{message}}

template不支持v-show相关推荐

最新文章

热门文章