vue-router 在第一次进入页面,会运行所有 components 的 js

[TomVista]

routerA.vue

---

<template>
    <div></div>
</template>

<script>
console.log('123')//看我.看我.看我:进入 /#/页面,这行代码会执行,但是 url 没有指向这个路由. 
export default {
    
}
</script>

---

app.vue

<template>
  <div id="app">
    <img src="./assets/logo.png">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script></script>

---

routes.js

export default new Router({
  routes: [
    {
      path: '/',
      name: 'index',
      component: index
    },{
      path: '/routerA',
      name: 'routerA',
      component: routerA
    },
  ]
})

这个怎么解决,昨天下午才开始 vue-cli

[noe132]

这不是 vue 或 vue-router 的问题
建议你重新学习一下 javascript 基础以及 es module 相关的知识。vue SFC 会被编译成一个 es module，在 evaluation 的时候所有的代码都会执行。
http://es6.ruanyifeng.com/#docs/module

[nigelvon]

vue 异步组件了解一下。

[TomVista]

@noe132 明白了,非常感谢.