vue：属性、内容：访问、增加

Vue属性有：el、data、methods、computed、watch；Vue属性与组件component属性区别么？

直接访问Vue对象数据、方法：

1、访问data：.$data访问属性；.value（.$data.site）直接访问值、

    var dt = { site: "菜鸟教程", url: "www.runoob.com", alexa: 10000}
    var vm = new Vue({
        el: '#app',
        data: dt
    })
    document.write(vm.$el === document.getElementById('app')) // true
    document.write(vm.site)
    document.write(vm.$data.site)

2、增加属性：

（1）增加属性watch：

<script type = "text/javascript">
 var vm = new Vue({
    el: '#app',
    data: {
       counter: 1
    }
 });
 vm.$watch('counter', function(nval, oval) {
    alert('计数器值的变化 :' + oval + ' 变为 ' + nval + '!');
 });

（2）Vue增加属性$bus（Vue原本有属性bus么？自定义属性？）；以下内容源于Vue.js实战，是封装一个Vue的插件，用于实现中央事件总线bus：使用方法：Vue.use(VueBus);

  const install = function (Vue) {
    const Bus = new Vue({
        methods: {
            emit (event, ...args) {
                this.$emit(event, ...args);
            },
            on (event, callback) {
                this.$on(event, callback);
            },
            off (event, callback) {
                this.$off(event, callback);
            }
        }
    });
    Vue.prototype.$bus = Bus;
};

export default install;