zoukankan      html  css  js  c++  java
  • 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;
  • 相关阅读:
    HDU 2192 MagicBuilding
    HDU 2148 Score
    HDU 1847 Good Luck in CET4 Everybody!
    往CImageList中加图标列表
    LoadIcon
    OnInitialUpdate 详解
    设备坐标(DP)、客户坐标(Client)、逻辑坐标(LP)
    Web及网络基础学习(一)
    Qt 下QMessageBox下中文乱码问题
    vs2005菜单:选项项目和解决方案
  • 原文地址:https://www.cnblogs.com/wllwqdeai/p/15651685.html
Copyright © 2011-2022 走看看