首页 > Web开发 > 详细

vue.js笔记

时间:2017-05-26 10:24:40      阅读:369      评论:0      收藏:0      [点我收藏+]

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

<div v-html="message"></div>

HTML 属性中的值应使用 v-bind 指令 

<div v-bind:class="{‘class1‘: class1}">

Vue.js 都提供了完全的 JavaScript 表达式支持。

<div id="app">
    {{5+5}}<br>
    {{ ok ? YES : NO }}<br>
    {{ message.split(‘‘).reverse().join(‘‘) }}
    <div v-bind:id="‘list-‘ + id">菜鸟教程</div>
</div>

指令是带有 v- 前缀的特殊属性。

<p v-if="seen">现在你看到我了</p>

参数在指令后以冒号指明。例如, v-bind 指令被用来响应地更新 HTML 属性

 

vue.js笔记

原文:http://www.cnblogs.com/xiangsj/p/6906976.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!