【Vue】 -(4) 数据绑定语法
2016-04-26 09:26
441 查看
Vue的数据绑定的语法。
<div>{{ a }}</div> 单次注入 <div>{{* a }}</div> 注入原始html <div>{{{htmltext}}}</div> Html特性:{{}}可以使用在html属性中 <div id="{{a}}"></div> 过滤器:在表达式后面过滤,比如返回大写化 <div>{{a | capitalize}}</div> <!-- 作者:332068039@qq.com 时间:2016-04-25 描述:指令:V-开头,指令的值只能是 绑定表达式 --> 根据ok的真假来插入YES <p v-if="ok">YES</p> 有的指令携带参数 <a v-bind:href="url">链接</a> 绑定onclick <a href="#" v-on:click="function1">链接</a> v-bind缩写 <a :href="url">ddd</a> v-on缩写<br /> <a :href="ok" @click>点击</a>
//生命周期 var vm=new Vue({ el:'#app', data:{ a:1, htmltext:"<a style='color:#F00' href='this.a'>I love you</a>", url:'www.baidu.com' }, methods:{ function1:function(){ alert(); } }, //当Vue实例被创建的时候调用 created:function(){ console.log('a is:'+this.a) }, //当存在el对应的时候调用 ready:function(){ console.log('ready'); }, //VUE实例被销毁的时候调用 destroyed:function(){ console.log("Vue实例被销毁"); } })
相关文章推荐
- 我是运营,我没有假期
- DB2数据库的安装
- C#实现把指定数据写入串口
- “传奇”图象数据存储方式
- 修复mysql数据库
- 浅析SQL数据操作语句
- SQLServer 数据导入导出的几种方法小结
- 简述MySQL分片中快速数据迁移
- MySQL数据备份之mysqldump的使用详解
- C#实现窗体间传递数据实例
- C#中的委托数据类型简介
- SQL Server删除表及删除表中数据的方法
- 给你的数据库文件减肥
- Oracle数据更改后出错的解决方法
- Oracle数据库数据丢失恢复的几种方法总结
- C#将Sql数据保存到Excel文件中的方法
- C#实例代码之抽奖升级版可以经表格数据导入数据库,抽奖设置,补抽
- MFC实现在文件尾追加数据的方法
- 把excel表格里的数据导入sql数据库的两种方法
- 用文本作数据处理