Vue 实例化操作

:biking_woman:sublimer配置自动补齐插件

详细的官方文档 https://cn.vuejs.org/v2/api/#el

Vue Syntax Highlight

1. 数据属性与方法

   Vue对象中存的数据是一个引用,仅仅只有data属性中存在的数据才是响应式的

   //原始数据
   var data = { a: 1 }
   //将data对象添加到Vue实例对象中
   var vm = new Vue({
     data: data
   })
   //设置vm属性为原始数据
   vm.a=data.a
   //当改变这个属性师，原始数据将会改变
   vm.a=3
   //data.a=3
   //冻结data数据，使得Vue对象不能狗修改原始数据
       var data={
               message:"hello Vue!",
               somethings:[
               {'id':1,
                'text':"吃饭睡觉"
               },{'id':2,
                'text':"吃饭睡觉2"
               }
               ]
           }
       Object.freeze(data)
   var app=new Vue(
       el:"#app",
       data:data
   )

1. 自带属性和方法以$开头与用户自定义方法与属性区分开来

   //属性
   vm.$el
   vm.$data={a:'111'}
   //函数，监视data中的属性
   vm.$watch('data中的属性'，回调函数)
       vm .$watch('a', function (newValue, oldValue) {
       console.log("data中a已经发生改变");
   })
   //watch函数返回一个取消观察的函数，后面将不会对属性进行观察
   var unwatch=vm.$watch()
   unwatch() //执行取消观察函数