vue实例简单方法

vue实例简单方法:

vm.$el ->  获取的是vm的元素，如代码1

vm.$data  ->  获取的是vm的data，如代码1

vm.$mount ->  手动挂在vue程序，如代码2

vm.$options ->   获取自定义属性，如代码3

vm.$destroy ->   销毁对象

vm.$log(); ->  查看现在数据的状态

代码1：<div id="box">
    {{a}}
</div>
<script>
    var vm=new Vue({
        el:'#box',
        data:{
            a:1
        }
    });
console.log(vm.$el);
vm.$el.style.background='red';

console.log(vm.$data.a);
代码2：<div id="box">
    <span v-text="a"></span>
</div>
方法一：<script>
    var vm=new Vue({
        data:{
            a:1
        }
    }).$mount('#box');//手动挂载
</script>
方法二：var vm=new Vue({
    data:{        a:1    }});vm.$mount('#box'); //手动挂载
代码3：<div id="box">
     <span v-text="a"></span>
    <br>
    {{aa}}
</div>
<script>

    var vm =new Vue({
        aa:11, //自定义属性,
        show:function(){
            alert(1);
        },
        data:{
            a:1
        }
    }).$mount('#box');

    vm.$options.show();
    console.log(vm.$options.aa);//获取自定义属性
查看现在数据的状态：<div id="box">
</div>
<script>
    var vm=new Vue({
        data:{
            a:1,
            b:2
        }
    }).$mount('#box');
    console.log(vm.$log());
</script>