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;
});
}
});
上面的代码片段中使用了‘=’和‘:’,那么什么时候需要使用=,什么时候需要使用:,主要是做什么用的
最佳答案
这里的冒号在声明对象文字的属性时使用:
{
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;
});
}
});
关于javascript - 使用 = 和 : in javascript 有什么区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25553578/