zoukankan      html  css  js  c++  java
  • 每天一点点之vue框架开发

    使用场景:

    页面分为header、home、footer三部分,需要在home中调用header中的方法,这两个没有相互引入

    官方给出方法:

    api传送门

    在项目中实现:

    1.首先同一个vue实例来调用两个方法。所以可以建立一个中转站。

    建立 util.js 中转站文件(任意位置,我是在/assets/js/util.js)

    import Vue from 'vue'
    export default new Vue

    2.分别在两个页面引入该文件(注意路径)

    import Utils from '../../assets/js/util.js';

    3.调用方代码

    methods: {
        functionA() {
            Utils.$emit('demo','msg');
        }
    }

    4.被调用方代码

    mounted(){
        var that = this;
        Utils.$on('demo', function (msg) {
            console.log(msg);
            that.functionB();
        })
    },
    methods: {
        functionB() {
            ...
        }
    }

    好啦,到这里就解决啦

    参考链接:https://blog.csdn.net/TrZoey/article/details/82378067

  • 相关阅读:
    设计模式:备忘录模式??
    jQuery总结
    MYSQL(三)
    MYSQL(二)
    MYSQL(一)
    Web.xml配置详解
    Spring-JDBC通用Dao
    网络七层协议的形象说明
    网络编程概念
    JSP 9 大内置对象详解
  • 原文地址:https://www.cnblogs.com/cap-rq/p/10311184.html
Copyright © 2011-2022 走看看