javascript - 使用 = 和 : in javascript 有什么区别

Question

 var app = new Vue({
 el: '#main',
 template: $("#products-template").text(),
 data: {
loading: true,
products: []
},
ready: function() {
var self = this;
$.getJSON(url, function(fbresults){
self.products = fbresults.data;
self.loading  = false;
});
}
});

和

var app = new Vue({
el= '#main',
template= $("#products-template").text(),
data= {
loading= true,
products= []
},
ready= function() {
var self = this;
$.getJSON(url, function(fbresults){
self.products = fbresults.data;
self.loading  = false;
});
}
});

上面的代码片段中使用了'='和':'，那么什么时候需要使用=，什么时候使用:，主要是为了什么目的

Answer 1

这里的冒号用于声明对象字面量的属性:

{
    key: value,
    key2: value2
}

等于运算符为变量或表达式赋值:

foo = 5;
obj.key = value;

在您的示例中，冒号定义了传递给 Vue 的对象的属性。如果使用适当的缩进，效果会更明显:

var app = new Vue({
    el: '#main',
    template: $("#products-template").text(),
    data: {
        loading: true,
        products: []
    },
    ready: function() {
        var self = this;
        $.getJSON(url, function(fbresults){
            self.products = fbresults.data;
            self.loading  = false;
        });
    }
});