javascript - vue template 的語法規則

Question

我只是用 vue，我本能地以為在模板中，屬性中只能透過包裹雙引號才能傳遞字串或字面量。

但是這個問題的答案告訴我，似乎並不總是這樣的。

我不太清楚，vue 的模板部分，有什麼標識了哪個部分是 html，哪個部分是 js 呢？就好像 jsx 那樣。

Answer 1

一般指令的值可以是js表達式,既然是js表達式就滿足es的語法了
v-bind="js表達式"

Answer 2

template就是組件， 組件必須只能有一個根節點。 script 標籤就是JS部分。

Answer 3

vue的一個組件組成:

<p>
//html部分
</p>

//js部分
data(){
    return{}//数据源
},
methods:{
    //函数体部分，js的主要逻辑控制
}

}

//针对上述html的css样式

具體看官方api