vue方法绑定
来源:互联网 发布:js window对象 编辑:程序博客网 时间:2024/05/25 19:56
方法绑定
<div id="app"><input type="button" v-on:click="fun1" />
<p>{{reverseMessage}}</p>
<h1>{{message | format("元")}}</h1> //过滤器调用,可加括号传入参数
</div><javascript>
new Vue({
el:"#app",
data:{
message:"hello",
a:1,
b:2
},
methods:{ //定义方法对象
fun1:function(){
this.a++
}
},
filters:{ //过滤器
format:function(value,type){
return value+"world"+type; //type为传入的‘元’
}
},
mouted:{ //文档加载完成立即调用相当于window.onload
alert("a");
}
watch:{ //监听变化'a':function(){
alert(this.a);
}
},
computed:{ //computed效果与methods一样,但基于依赖缓存( message变化时才重新加载),而methods页面重新渲染时就会重新调用,computed效率更高
reverseMessage:function(){
return this.message.spilt("").reverse().join("");
}
}
})
</javascript>
阅读全文
0 0
- vue方法绑定
- vue中属性动态绑定数据方法
- vue组件传递对象中实现单向绑定的方法
- vue-cli 属性绑定高级用法 class 对象方法
- vue数据绑定
- vue MVVM数据绑定
- Vue.js数据绑定
- vue 表单 绑定
- vue绑定点击事件
- vue-class绑定
- vue表单控件绑定
- vue的数据绑定
- vue双向绑定解析
- vue绑定click事件
- Vue数据绑定
- Vue 绑定 style
- Vue--数据双向绑定
- vue事件绑定详解
- JavaWeb——springMVC异常处理器
- fastdfs介绍和安装
- hdu 1047 Integer Inquiry
- Ant desgin 基础环境搭建
- c# 数据集DBNull报错问题的解决方案
- vue方法绑定
- 删除GitHub上的项目
- 微信开发常用技巧(2)-ios微信开发alert上面显示地址问题,以及移动端提示框推荐
- Android Studio 一键生成ToString()
- 6章 存储器体系结构
- charles map local之后如何取消映射?
- 剑指Offer 面试题2 : 实现Singleton(单例)模式——七种实现方式
- 进程同步02--临界区问题(Critical Section Problem)
- Java IText (PDF)