vue.js中,什么时候用methods?什么时候用computed?什么时候用watch?

JavaScript015

vue.js中,什么时候用methods?什么时候用computed?什么时候用watch?,第1张

1、methods是个方法,比如你点击事件要执行一个方法,这时候就用methods,

2、computed是计算属性,实时响应的,比如你要根据data里一个值随时变化做出一些处理,就用computed。

3、举一个例子帮助理解:

1)<div id="root">;

2) </div>;

3) <script>       var vm = new Vue({            el: '#root',            data:data,            methods:{

4)method_now(){                    return Date.now()} },          

5)computed:{              

6)computed_now: function () {                    return Date.now()}} })

7)</script>

4、控制台访问:

1)$vm0.computed_now;

2)1491741921719$vm0.computed_now;

3)1491741921719$vm0.computed_now;

4)1491741921719$vm0.computed_now;

5)1491741921719$vm0.method_now;

6)()1491741949941$vm0.method_now;

7)()1491741950734$vm0.method_now;

8)()1491741951445$vm0.method_now;

9)()1491741952117。

5、methods是方法和原生js没区别,大多是需要我们主动调用(比如事件)。

6、computed是get 这个get有点特殊,只要触发所依赖数据的set会自动触发get。我们只关心get的return set由系统触发或者依赖的数据触发,官方说依赖缓存只是为了理解。其实Date.now()这种只是系统不能触发set,不能触发set get当然不会通知观察者。

7、watch 是set 由data触发,我们可以在set里进行自己的条件封装。

methods中的function中的this指向vue实例,其他的没什么

这种调用方式是直接访问test2函数,没有任何的this绑定,所以肯定访问不到

this.$options.methods.test2()

而直接调用this.test2(),内部肯定做了this绑定的,例如

this.$options.methods.test2.bind(this)()

更新:Vue源码中的处理

/**

* Setup instance methods. Methods must be bound to the

* instance since they might be passed down as a prop to

* child components.

*/

Vue.prototype._initMethods = function () {

var methods = this.$options.methods

if (methods) {

for (var key in methods) {

this[key] = bind(methods[key], this)

}

}

}

function bind (fn, ctx) {

return function (a) {

var l = arguments.length

return l

? l >1

? fn.apply(ctx, arguments)

: fn.call(ctx, a)

: fn.call(ctx)

}

}

C语言是一门通用计算机编程语言,应用广泛。C语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

尽管C语言提供了许多低级处理的功能,但仍然保持着良好跨平台的特性,以一个标准规格写出的C语言程序可在许多电脑平台上进行编译,甚至包含一些嵌入式处理器(单片机或称MCU)以及超级电脑等作业平台。

二十世纪八十年代,为了避免各开发厂商用的C语言语法产生差异,由美国国家标准局为C语言制定了一套完整的美国国家标准语法,称为ANSI C,作为C语言最初的标准。目前2011年12月8日,国际标准化组织(ISO)和国际电工委员会(IEC)发布的C11标准是C语言的第三个官方标准,也是C语言的最新标准,该标准更好的支持了汉字函数名和汉字标识符,一定程度上实现了汉字编程。