教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

Web前端培訓：創(chuàng)建main.js文件編寫邏輯入口

更新時間:2022年10月28日10時38分 來源:傳智教育 瀏覽次數(shù):

好口碑IT培訓

　　我們首先創(chuàng)建一個main.js文件，作為邏輯入口，主要用來初始化Vue實例并加載需要的插件及各種公共組件，如vue-router、mui、App.vue等。具體代碼如下：

import Vue from 'vue'
import app from './App.vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
import router from './router.js'   // 將路由放到單獨的文件中
import './lib/mui/css/mui.css'
new Vue({
    el: '#app'
    render: c => c(app),
    router
})

　　上述代碼中，第1行引入vue.js(在之前步驟中已經(jīng)在webpack.config.js文件中配置了路徑);第2行引入App.vue組件，該組件將在后面實現(xiàn);第3行導入vue-router.js路由包;第4行安裝vue-router路由模塊;第5行導入外部router.js文件，并在第10行中掛載到Vue實例上;第7～11行初始化Vue實例，第8行將el掛載到index.html文件的div id="app"，第9行使用render函數(shù)渲染App.vue組件，第10行將router.js文件中導出的router對象注冊到Vue實例上，用來監(jiān)聽URL地址的變化，然后展示對應(yīng)的組件。

0 分享到：
和我們在線交談！