想要新建一个vue文件,并且可以在网页上显示:
1.创建一个vue文件,
2.第一次创建的话需要创建一个文件夹和文件router/index.js(作用是配置路由),里面有一些必写项,该文件建好以后,下次再建立新的页面就直接在里面引用就可以了。

    import Vue from 'vue'//
    import Router from 'vue-router'
    Vue.use(Router)//需要通过Vue,use 方法去使用插件


       const routes = [
         {
            path:"/cinema",//网页上显示的位置,一般小写
            component:()=>import("@/views/Cinema")//路径
         }
       ]

            //创建Router的实例对象
          const router = new Router({
              routes
          })

          // 向外暴露
          export default router

3.把配置好的文件,引入到入口文件main.js文件中,还要记得在下面实例上注册幺

import router from "./router/index.js"

new Vue({
  render: h => h(App),
  router,  //目的?让我们的组件上面可以访问到路由相关的api($route/$router)
}).$mount('#app')

配置好文件以后就可以在网页上输入路径进入到这个页面

相关文章:

  • 2022-12-23
  • 2021-10-29
  • 2021-12-06
  • 2022-02-23
  • 2022-12-23
  • 2022-12-23
  • 2022-02-02
  • 2021-12-06
猜你喜欢
  • 2021-07-21
  • 2022-02-10
  • 2021-07-19
  • 2021-08-24
  • 2021-12-14
  • 2022-12-23
相关资源
相似解决方案