jquery源码:

jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
    "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
    "change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {

    // Handle event binding
    jQuery.fn[ name ] = function( data, fn ) {
        return arguments.length > 0 ?
            this.on( name, null, data, fn ) :
            this.trigger( name );
    };
});

- 阅读剩余部分 -

关于组件通信我相信小伙伴们肯定也都很熟悉,就不多说了,对组件还不熟悉的可以查看这里

官方推荐的状态管理方案是 Vuex。不过如果项目不是很大,状态管理也没有很复杂的话,使用 Vuex 有种杀鸡用牛刀的感觉,当然,这也是要根据自己的需求来的,只是建议。

官方也推荐了一种非父子组件的通信,在简单的场景下,可以使用一个空的 Vue 实例作为事件总线也就是下面要说的 Bus

我习惯把Bus定义在全局,这样使用起来的时候就不用再去单独引用。

- 阅读剩余部分 -

在编写项目时,有的时候localhost的链接是可以正常访问的,但是我们需要在其他设备上也访问到改地址,所以就需要ip地址进行访问了,但是ip访问提示我们无法访问此网站。

查看config文件夹下的 index.js

module.exports = {
  dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {},

    // Various Dev Server settings
    host: '0.0.0.0', // can be overwritten by process.env.HOST
    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    autoOpenBrowser: false,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

修改index.js
host: 'localhost'改为host:’0.0.0.0’

重启服务