template与el配置项

58 阅读1分钟
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>