Vue中模板template的四种写法

<div id="app"><h1>我是直接写在构造器里的模板1</h1>
</div><template id="demo3"><h1 style="color:red">我是选项模板3</h1>
</template><script type="x-template" id="demo4"><h1 style="color:red">我是script标签模板4</h1>
</script><script>var vm=new Vue({el:"#app",data:{message:1},//第2种模板 写在构造器里//template:`<h1 style="color:red">我是选项模板2</h1>`//第3种模板 写在<template>标签里//template:'#demo3'//第4种模板 写在<script type="x-template">标签里template:'#demo4'})
</script>

在使用Vue调用 <template>标签时，必须只能有一个根标签

<template id="kirin_template"><div><p><span>{{children_kirin()}}</span></p><p><button>{{component}}</button></p><hr></div></template>

转载于：Vue中模板template的四种写法_dxj124的博客-CSDN博客_vue 模板写法

Vue中模板template的四种写法相关推荐

Vue2 模板template的四种写法总结
下面小编就为大家分享一篇Vue2 模板template的四种写法总结,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. 如下所示: <div ...
Vue2 模板template的四种写法
<div id="app"><h1>我是直接写在构造器里的模板1</h1> </div><template id=" ...
vue中样式穿透的三种写法
在vue项目中,当我们使用第三方组件库时,例如(element-ui.vant)时,遇到需要修改组件中第三方组件库中的样式,但同时又不想去除scoped属性造成组件之间的样式覆盖,这时,我们就可以使用 ...
JS中for循环的四种写法
1.传统for循环 for (init; cond; inc) {} 与C++或Java类似,for关键字后用小括号描述循环设置,在小括号中用两个分号;将循环设置隔断为三个部分,分别为: init初始 ...
powershell 结束进程的四种写法
powershell 结束进程的四种写法简单记录一下powershell中结束进程的四种写法: #1.纯cmdlet命令 Get-Process -Name notepad | Stop-Proce ...
ie模版字符串_字符串模板、模板字符串、Vue中使用template等等。
1:模板字符遇新是直朋能到串传统的一如分算需上来处一定迹面数一跳这件我子作JS语言,输出模板新直能分支调二浏页器朋代说,事刚需求是这样写的: $('#result').append( 'There ...
Vue项目中刷新当前页面的四种方法
Vue项目中刷新当前页面的四种方法前记刷新当前页面的四种方法 this.$router.go(0) location.reload() 跳转空白页再跳回原页面使用provide / inject ...
Python中斐波那契数列的四种写法
在这些时候,我可以附和着笑,项目经理是决不责备的.而且项目经理见了孔乙己,也每每这样问他,引人发笑.孔乙己自己知道不能和他们谈天,便只好向新人说话.有一回对我说道,"你学过数据结构吗?&qu ...
Android中按钮的点击事件的四种写法
如题,在Android中按钮的点击事件有四种写法,如下图. 界面为四个Button+一个TextView+一个ImageView activity_main布局文件如下: <?xml versi ...

Vue中模板template的四种写法

Vue中模板template的四种写法相关推荐

最新文章

热门文章

Vue中 模板template的四种写法

Vue中 模板template的四种写法相关推荐

最新文章

热门文章

Vue中模板template的四种写法

Vue中模板template的四种写法相关推荐