創建新的vue在頁面顯示


想要新建一個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')

配置好文件以后就可以在網頁上輸入路徑進入到這個頁面


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM