Vue实例
每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：
虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。
当创建一个 Vue 实例时，你可以传入一个选项对象。这篇教程主要描述的就是如何使用这些选项来创建你想要的行为。作为参考，你也可以在 API 文档 中浏览完整的选项列表。
创建一个instance.html页面并引入vue.js代码，详情如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
</body>
</html>
通过var data = {a: 1,b: null}来创建实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<div>{{a}}</div>
</div>
<script>
//定义data对象
var data = {a: 1,b: null}
//用来这个方法，a变量改变了也不会变
// Object.freeze(data)
var app = new Vue({
el:"#app",
data:data,
//当Vue开始创建的时候调用的方法
created(){
console.log("created");
}
})
console.log(data.a==app.a);
data.a=99;
console.log(app.a);
app.a=100;
console.log(data.a);
data.b=99;
console.log(app.$el==document.getElementById("#app"));
console.log(app.$data==data);
</script>
</body>
</html>
运行详情页面如下
