vue3怎麼簡單地做成多頁面

2021-10-24 04:21:03 字數 1281 閱讀 5364

首先是vue.config.js--主要是在module.exports中加入pages的配置(最重要的一點):

module.exports = ,

ui: ,

// 當使用只有入口的字串格式時,

// 模板會被推導為 `public/subpage.html`

// 並且如果找不到的話,就回退到 `public/index.html`。

// 輸出檔名會被推導為 `subpage.html`。

vue.use(vuei18n) // 通過外掛程式的形式掛載

const i18n = new vuei18n(

})vue.config.productiontip = false

new vue(]}

]});

export default router;

store/index.js

// 組裝模組並匯出 store 的地方

import vue from 'vue'

import vuex from 'vuex'

import loading from './modules/loading'

vue.use(vuex)

export default new vuex.store(,

strict: process.env.node_env !== 'production' // 嚴格模式

})

如果對vue3不清楚的可以檢視這個部落格:

vue3 瀏覽器怎麼除錯 Vue 3 原始碼導讀

5號凌晨,尤雨溪公布了 vue 3 源 話不多說,我們趁熱對 vue 3 原始碼進行一些簡要的分析。如果你還沒有閱讀過 composition api rfc,可能無法完全看懂下面的內容。相容性目前打包後的 是 es2015 不支援 ie 11。對 typescript 的使用 目前的 98 以上使...

Vue3設定404頁面

這幾天在用vue3寫點小專案遇到了一些坑!路由的404方式變了 只顧著看vue3核心文件,寫404的時候發現原來的 的配置方法在vue3裡面已經不適用了。官方文件建議使用如下 setup裡面獲取上下文呼叫 router.push等方法一些環境下報錯。雖然不知道為什麼,但是官方文件已經給出了在setu...

vue3 複雜的多頁面之間的傳值和獲取值

3個頁面之間互相傳值,取值 first.vue 子級頁面 second.vue 子級頁面 注釋 2.detialsresource selectedresource 詳解 detialsresource是繫結屬性的形式傳值,selsectedresource是父級中定義的,而detialsresou...