Vue实例对象

    const vm = new Vue({
        // 绑定的容器
        el: '#root',
        // 对象式
        data: {
            name: 'wx',
            n: 1
        },
        // 函数式
        // data(){
        //     return {
        //         name:'wx'  
        //     }
        // },
        // 方法
        methods: {
            add() {
                this.n++
            }
        },
        // 计算属性
        computed: {
            // 不设置setter的简写形式
            // getName(){
            //     return this.name+'dy'
            // }
            // 完整形式
            get() {
                return this.name
            },
            set(val) {
                this.n = val
            }
        },
        // 监视（侦听）
        watch: {
            // 深度侦听
            deep: true,
            // 立即执行一次
            immediate: true,
            // name:{
            //     handler(){
            //         console.log('name发生改变');
            //     }
            // }
            // 简写
            name() {
                console.log('name发生改变');
            }
        }
    })
    // 通过$mount 进行容器绑定
    vm.$mount('#root')
    // 在实例对象外绑定侦听事件
    vm.$watch('name', {
        deep: true,
        name:{
            handler(){
                console.log('name发生改变');
            }
        }
    })