template可以不写配置项,直接在标签内写,vue会去找,但是只要写了配置项,配置项的value便会将标签内的内容覆盖。
data内的数据发生变化,编译保存后,浏览器会重新挂载。
template无论写在哪都必须有且只有一个根标签,作为入口。
函数$mount()可以用el配置项来代替,当创建Vue实例,el内会告诉vue挂载在那个位置。value写字符串打‘’,如‘#app’
案例
创建Vue实例的参数是JSDN类型,为什么配置项的key一定是叫data与el等,Vue实例去找名为这几个的,所以写key为此。
<body>
<div id="app">
该同学的名字是{{name}},年龄为{{age}}
</div>
<script>
new Vue(
{
data:{
name:"张三",
age:18
} ,
el:'#app'
}
)
</script>
</body>