Vue组件属性单向绑定问题 watch: 'value' (val) {something} 函数名带引号是什么意思？

Question

Vue2.0中组件的属性只能单向绑定

属性

属性的副本

组件绑定属性的副本

监听变化，这样写可以理解

看到人家这样写 函数名上居然有引号 不晓得啥意思

求指教~！

Answer 1

应该是跟没引号的写法是一样的，个人写法习惯不同吧。

Answer 2

value 是函数名，同时也是 watch 对象的一个属性名，属性名加引号没什么不对

Answer 3

这是es6语法中，对象内部函数的简写形式。

const o = {
  method() {
    return "Hello!";
  }
};

// 等同于

const o = {
  method: function() {
    return "Hello!";
  }
};

Answer 4

{value(){} }

{'value'(){} }

{['va' + 'lue'](){} }

上面这几个的效果是一样的。