Vue2 模板template的四种写法
https://blog.csdn.net/xuanwuziyou/article/details/77930803阅读数:3106[html] view plain copy<div id="app"> <h1>我是直接写在构造器里的模板1</h1> </div&am
·
https://blog.csdn.net/xuanwuziyou/article/details/77930803
- <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>
更多推荐
已为社区贡献3条内容
所有评论(0)