zoukankan      html  css  js  c++  java
  • Vue的计算属性

    在Vue中的数据变量之间也是可以进行用运算符计算的

    {{num}}*{{price}} //显示500
    -----------------
    var vm=new Vue({
    el:"#app",
    data:{
    	num:5,
    	price:100}
    })
    

    还可以使用[computed]Vue计算属性来进行运算
    计算属性,这里面的属性写在DOM结构中的时候,直接写函数名就可以,不需要执行,编译的时候回自动执行

     <input type="text" v-model="product">
     双向绑定product值,改变input框中的值会倒推运算
        {{num}}*{{price}}={{product}}
        显示 5*100=500 
    ----------------------------
    var vm=new Vue({
    	el:"#app",
    	data:{
    		num:5,
    		price:100
    	},
    	computed:{
    	get:function(){
    		retrun this.num*this.price;
    		},
    	set:function(product){
    	形参product就是当前的product
    		return this.num=product/this.price
    		}
    	}
    	})
    
  • 相关阅读:
    使用rem,动态设置root font size
    手机陀螺仪
    获取图片
    插件整理
    jquery图片懒加载
    关于underscore.js
    PCA
    Endnote9
    实验问题记录
    DN/TOA/SR
  • 原文地址:https://www.cnblogs.com/Jiazexin/p/7110684.html
Copyright © 2011-2022 走看看