Vue学习第二天

Vue实例

通过Vue函数创建一个Vue实例
根Vue实例

var vm = new vue({
//选项、属性
})

所有的Vue的组件都是一个Vue的实例。

数据与方法
当一个Vue实例被创建时，data对象中所有的属性都是响应式的。
值得注意的是，只有当该属性在data中被声明，该属性才具备响应性。
当你使用object.freeze()时，这会阻止修改现有的属性，即响应系统无法再追踪变化。

var obj = {
  foo: 'bar'
}
Object.freeze(obj)
new Vue({
  el: '#app',
  data: obj
})

<div id="app">
  <p>{{ foo }}</p>
  <!-- 这里的 `foo` 不会更新！ -->
  <button v-on:click="foo = 'baz'">Change it</button>
</div>

实例的生命周期函数
beforeCreate:function(){
//函数体
}
created:function(){
//函数体
}
beforeMount:function(){
//函数体
}
mounted:function(){
//函数体
}
beforeUpdate:function(){
//函数体
}
updated:function(){
//函数体
}
beforeDestory:function(){
//函数体
}
destoryed:function(){
//函数体
}