vue中{{}}内能包裹函数吗?又是怎样解析的呢?

学习vue的时候想在数据变化的时候触发一个函数,于是写在了双括号内,发现在数据变化的时候确实能执行,如下:

{{f()}}  //2
<input v-model="a">

data:{
  a:'1',
  b:'2',
},
methods:{
    f(){
     return this.a*this.b;
    }
}

问题:在官方文档内只看到能{{}}中可以使用表达式等,没看到说明可以这样写函数(查了下只要一个人提问,回答是不可以),请问这样写合理吗?{{}}内的函数又是怎么解析的呢?

阅读 8.3k
1 个回答

{{}}里面的是一个表达式,首先得表达式是什么呢,不是单纯的1+1a+b这种,你要找出他们的共同点,那就是它们有一个返回值,所以说f()也是一个合理的表达式了,即使是f也一样

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题