vue {{}} 大胡子表达式里面可以写些什么

vue {{}}里面写js表达式

可以写些什么?

主要有

1.{{num + 1}} 运算府

data:{
  num:5
}

2.{{status ? ‘succeed’ : ‘failed’}} 三元表达式

data:{
    status: true
}

3.{{changeTime()}} 运行函数

changeTime(){
    return  this.value.replace(/\d/g,'')
}

可以拿到时间戳之后,用new Date转换成时间对象,然后进入changeTime这个自己定义的函数里

4.{{}} 可以写正则表达式

<div id="app">
  <p>{{value.replace(/,/g,'')}}p>   //把全部的逗号去掉
div>

<script>        
    new Vue({
        el: '#app',
        data:{
            value: '3,800,239.00'
        }
    })
script>

你可能感兴趣的:(Vue.js)