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的一个组件组成:
<template>

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

</template>

<script>
export defalt{

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

}
</script>

<style>

//针对上述html的css样式

</style>

具体看官方api