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

:在object literal内分配值，=分配对象文字之外的值。

例如：

// at this point we're outside of an object, so we use =
var hello = "world";

var someObject = {
    // now we're inside an object literal definition, so we use :
    hello: "world"
};

Answer 2

在声明对象文字的属性时使用此处的冒号：

{
    key: value,
    key2: value2
}

equals运算符为变量或表达式赋值：

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;
        });
    }
});

Answer 3

您可以通过一个简单的例子来理解这一点：

var x = {
    obj1: 'text1', //declaring properties of an object literal
    obj2: 'text2'
};

在功能上等同于

var y = new Object();
obj1.a = 'text1';  //assigning a value to the expression
obj2.b = 'text2';

在javascript中使用=和：有什么区别

3 个答案: