Vue实例的属性和方法

Vue实例就是通过new Vue()得到的对象。

一、属性

1.     $el：挂载实例的元素。
2.     $data:实例的数据项。
3.     $refs :对dom元素的引用

    <div>
        <input type="text" $ref="dataya">
        <button @click="getData">获取数据</button>
    </div>

    var vm=new Vue({
            el:'#app',
            methods:{
                getData:function(){
                    console.log(this.$refs.dataya.value);
                }
            }
     })

二、方法

1. $mount，可以理解为配置项的el。手动挂载dom元素到实例中去

vm.$mount('#app')

    2.$watch,监视数据项的变化。

    <div id="app">
        生日{{birthday}}----年龄{{age}}
    </div>

    var vm=new Vue({
            el:'#app',
            data:{
                birthday:'1995-04-28',
                age:3
            }
            watch:{
                birthday:function(){
                    return this.age=new Date().getFullYear() - new Date(this.birthday).getFullYear();
                }
            }
        })

    watch除了可以作为配置项写在Vue实例中，还可以写在Vue实例的外部

    vm.$watch=('birthday',function(){
            console.log(123);
            return this.age = new Date().getFullYear() - new Date(this.birthday).getFullYear();
     })