tnblog
首页
视频
资源
登录

Vue.js 模板语法

2833人阅读 2019/11/22 13:55 总访问:134809 评论:0 收藏:0 手机
分类: vue.js

插值

文本插值

<div id="app">  <p>{{ message }}</p></div>

Html

使用 v-html 指令用于输出 html 代码:

v-html 指令

<div id="app">    <div v-html="message"></div></div>    <script>new Vue({  el: '#app',  data: {    message: '<h1>菜鸟教程</h1>'  } })</script>

v-bind 指令

<div id="app">  <label for="r1">修改颜色</label><input type="checkbox" v-model="use" id="r1">  <br><br>  <div v-bind:class="{'class1': use}">    v-bind:class 指令  </div></div>    <script>new Vue({    el: '#app',  data:{      use: false  } });</script>

评价
人若没梦想,那跟咸鱼有啥样
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术