import permission.js到main.js的问题

Question

老师请问 为什么这个permission.js（也就是写路由拦截代码的地方）也要导入到main.js中他才有效呢，我的router不是可以挂载在vue实例上的吗？引入的也是这个需要被注册的router实例，我在这个实例上增加属性beforeEach不也行吗。
难道是因为这个permisson.js代码它不执行，需要放到main.js上才能执行?
望老师能解惑

Answer 1

Sunday 2022-01-09 17:15:35

你好

想要明确这个问题，那么首先我们得先明确模块化的概念。

我们的一个项目由多个零散的模块（JS 文件）组成，在这些模块中，有一个入口（main.js），也就是程序的入口文件。

程序会从 main 开始执行，可以把  main 认为是穿插了无数模块的一个主线（是程序的执行顺序），所有被 main 穿插过得则会被执行，不会被main穿插的都不会执行，就像下图所描述的一样：

那么如果不在 main 中倒入 permission.js ，则该模块会变成一个游离于整个模块链之外的模块（就像是一个被程序遗忘的人），那么程序则不会执行它。

所以如果我们想要执行 permission.js ，则必须要让他在 程序的执行队列中，具体的代码就是在 main 中引入它

• 提问者 99102837imooc #1

  非常感谢！

• 猫爪890 #2

  老师，请教下，main.js导入的js为什么有些需要使用use方法，有些不需要呢？

Answer 2

Sunday 2022-03-18 17:06:12

你好

main.js 是项目的入口文件。如果 permisson.js 不在 main 中导入则表示 permisson.js 并没有在任何地方引用，所以它不会执行