Vue原型初探—el与data的两种写法
指定Vue实例的el和data属性时，都有两种写法
el：
- new Vue()时指定el属性
- 先创建Vue实例，在通过Vue实例对象的原型中的mount属性指定，指定语法为：
vue.$mount("#容器id")
data：
-
new Vue()时通过一个对象绑定到data属性中
-
new Vue()时通过
data()函数指定注意：由Vue管理的函数只能写普通函数，不要写箭头函数（
data:()=>{}）否则this将不会只想当前Vue实例对象。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>prototype</title>
<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<div id="root">
<div>
单向绑定：<input type="text" v-bind:value="name"><br>
双向绑定：<input type="text" v-model:value="name"><br>
</div>
</div>
<script type="text/javascript">
Vue.config.productionTip = false;//关闭生产提示
// 原始写法：在创建Vue实例的时候，指定el属性和data属性
/*
new Vue({
el:"#root",
data:{
name:"Tom"
}
});
*/
// 进阶写法
let vue = new Vue({
// data的第二种方式：函数方式
data(){
console.log("Vue实例中data()函数的this对象===============>",this)
return {name: "张三"}
}
});
console.log("Vue实例对象===============>",vue);
// el的第二种方式：使用原型属性的方式
vue.$mount("#root");
</script>
</body>
</html>
