Vue.js第三天学习笔记（计算属性计算)

今天给大家分享下vue.js中的计算属性（计算)

示例一

计算的得到属性

html:

模板div class='输入-文本'输入类型='text' v-model='firstName '输入类型=' text ' v-model='姓氏' {全名} }/div/templatejs :

脚本导出默认值{ components : }、read : function(){ }、methods: { }、data(){ return { first name : ' Foo '、lastName: 'Bar' }、computed : { full name : } {//getter get : function(){ return this。'名字'和this.lastName }、//setter set :函数(新值){ var name=新值。拆分('和')。示例二

计算的得到和设置属性：

html:

模板div class='输入-文本'输入类型=' text ' v-model=' a ' { b } '输入类型='按钮'值='修改b的值@click='updateData '输入类型=' text ' v-model=' c '/div/template js :

脚本导出默认{ components : }、ready: function() { }、methods : { updatedata : function(){ this。b=这个。b；//给b重新赋值时就会调用b的设置属性，从而改变c的值} }，data() { return { a:'1:30 '，c:'' } }，computed : { b : { get : function(){//通过a的值改变b的值变化时间=这个时间=时间？时间到了。拆分(' : '): " "；让小时=时间[0];让分钟=时间[时间。长度-1]；返回parsent(小时)* 60 parseInt(分钟);}，set:function(newValue){//通过b值的改变，设置c的值让新时代=新价值让hourstine=parsent(新时报)/60；让minutesTime=parsent(新次数)% 60；新时代=新时代"";小时刺激=小时刺激" "；hoursTime=hoursTime？hoursTime.split(' . ') : '';这个。c=HourStime[0]“:”分钟时间；控制台。日志(HourStime[0]“:”分钟时间)；} } } }/脚本本文已被整理到了《Vue.js前端组件学习教程》 ,欢迎大家学习阅读。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。