码迷,mamicode.com
首页 > Web开发 > 详细

vue.js笔记

时间:2017-05-26 10:45:00      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:color   bind   特殊属性   lis   nbsp   log   code   bin   list   

使用 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笔记

标签:color   bind   特殊属性   lis   nbsp   log   code   bin   list   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!