vue3 + bootstrap5 創建專案
bootstrap5雖然不像antd或element那種專門為vue創建的ui框架幫你弄好許多component
,但是他也終於可以用npm
安裝囉!!(賀)
bootstrap5雖然不像antd或element那種專門為vue創建的ui框架幫你弄好許多component
,但是他也終於可以用npm
安裝囉!!(賀)
一開始我以為的vue3僅僅是改變寫法,去掉data
、methods
、computed
的位置規範,可以自由地穿插變數、函式的位置。
其實 PWA 在哪個框架中使用,都沒有太大的差異,但是往往這一行 code 到底要放哪裡,我就是不知道啊XDD
最近的專案剛好都是用 vue3 來實作,自然要把 pwa 放進去 vue3 中也勢必要來解一篇紀錄一下,不然下次就又忘記了。
閱讀更多因為目前只比較常用 Elementui-plus ,要使用他的 message api ,vue2 我們可以直接用 this.$message
去拿他全局註冊的方法,但vue3 沒有this
啊!所以就要用 getCurrentInstance
這個 funciton 拿到全局註冊的方法。
進入 vue3 後,多了一種跟 react 很像的資料管理方式 provide / inject,和 vuex 相同的是他可以跨組件讀寫資料,但是和 vuex 不同的是跨組件的範圍僅限於 provide 註冊那一層的子組件。
也就是說 provide 類似於 props 把資料傳入子組件,props 只能傳一層,但 provide 可以下去好幾層都可以存取,官方概念圖如下:
我在 vue2 已經有用過 i18n 了,怎麼搬到 vue3 就出現各種錯誤呢?
Vue3 因為 Composition API
的緣故,在引入套件上面有改一些寫法,直接從 vue2 直接搬過來是會有問題的,那就從頭開始安裝起吧!
才剛學完 vue2 的 websocket 底層,馬上又要來寫 vue3 版本了。
沒辦法,想幫客戶用比較新的技術,以免他大佬幾年都懶得翻新網站,到時候維護時苦的還是我~QQ
原本 vue2 的概念是建立一個 vue 實例,然後可以在獨立出來的api.js
檔案中去存取 vuex;但現在 vue3 有了useStore
這個方法,我們就可以單純寫 js 就好囉!
官方網站設計 , 設計品牌 , 台北品牌設計 , 台南品牌設計 , 品牌設計 , LOGO設計 , 台北LOGO設計 , 台南LOGO設計 , 名片設計 , 台北名片設計 , 台南名片設計 , CIS企業識別設計 , 設計LOGO , 台北設計LOGO , 台南設計LOGO , 視覺設計 , 網頁設計 , 台北網頁設計 , 台中網頁設計 , 台南網頁設計 , 高雄網頁設計 , 網站設計 , 台北網站設計 , 台中網站設計 , 台南網站設計 , 高雄網站設計 , 官網設計 , 台北官網設計 , 台中官網設計 , 台南官網設計 , 高雄官網設計 , 公司官網設計 , 形象官網設計 , 產品官網設計 , 響應式網頁設計 , 響應式網站設計 , 公司網頁設計 , 教會網站設計設計 , 婚攝 , 婚攝Allen , 婚禮攝影 , 婚禮紀錄 , 婚攝推薦 , 婚攝 , 婚攝 , 婚攝 , 寒舍艾美婚攝推薦 , 文華東方婚攝推薦 , 君品酒店婚攝推薦 , 諾富特婚攝推薦 , 萬豪酒店婚攝推薦 , 婚攝Vincent , 婚攝 , 婚攝 , 婚攝 , 台北婚攝 , 台中婚攝 , 台南婚攝 , 高雄婚攝 , 美式婚攝 , 婚禮攝影美式 , 婚禮攝影推薦 , 婚禮攝影 , 婚禮攝影 , 婚攝推薦 , 婚禮紀錄 , 婚紗攝影 , 寒舍艾美婚攝 , 婚禮攝影 , 自助婚紗 , 婚攝 , 婚攝推薦 , 婚攝小寶 , 婚禮攝影 , 自助婚紗 , 婚禮紀錄 , 婚攝 , 婚禮攝影 , 婚紗攝影 , 婚攝推薦 , 美式婚禮攝影 , 美式婚紗攝影 , 孕婦寫真 , 親子寫真 , 家庭寫真 , 美式風格婚紗攝影 , 美式風格婚禮攝影 , 台北美式婚禮攝影推薦 , 網站設計 , 網頁設計 , 響應式網頁設計 , SEO最佳化 , SEO搜尋引擎最佳化 , 新秘 , 新秘小淑 , 新娘秘書 , 新娘造型 , 台中新秘 , 婚禮婚紗造型 , 新秘推薦 , 台中西屯霧眉 , 台中霧眉 , 血壓量測 , 腕式血壓計 , 全自動手臂式血壓計 , 心房顫動偵測 , 體溫計 , 耳溫槍 , 額溫槍 , 熱敷墊 , 電毯 , 中風 , 高血壓 , 血壓計 , 血壓計推薦 , 血壓計品牌 , 歐姆龍 , 百靈 , 台北攝影棚出租 , 台北攝影棚租借 , 攝影棚出租 , 攝影棚租借 , 攝影場地租借 , 專業形象照 , 形象照拍攝 , 個人形象照 , 孕婦禮服出租 , 孕婦禮服租借 , 自助婚紗 , 自助婚紗攝影 , 台北攝影棚出租推薦 , 台北專業形象照推薦 , 孕婦禮服出租推薦 , 自助婚紗推薦 , 婚攝 , 婚禮攝影 , 婚禮紀錄 , 婚攝 , 婚攝勇年 , 婚禮紀錄 , 婚紗婚攝 , 孕婦寫真 , 婚禮攝影 , 自助婚紗 , 婚攝推薦 , 文華東方婚攝 , 親子寫真 , 台南親子寫真 , 台中親子寫真 , 高雄親子寫真 , 台南兒童寫真 , 台中兒童寫真 , 高雄兒童寫真 , 台南親子寫真推薦 , 台中親子寫真推薦 , 高雄親子寫真推薦 , 台南家庭寫真 , 台中家庭寫真 , 高雄家庭寫真 , 台南全家福 , 台中全家福 , 高雄全家福 , 婚攝 , 台南婚攝 , 婚禮攝影 , 自助婚紗 , 台南婚禮攝影 , 台南婚禮攝影推薦 , 新秘 , 新娘秘書 , 新娘造型 , 高雄新秘推薦 , 台北新秘推薦 , 新秘Yuki , 白色夢幻新秘Yuki , 新娘秘書Yuki , 新娘助理 , 高雄新秘 , 台北新秘 , 婚禮婚紗造型 , 新娘妝髮造型 , 新秘彩妝造型 , 自助婚紗造型 , 台北新娘秘書推薦 , 高雄新娘秘書推薦 , 花草風造型 , 自然風格造型 , 室內香氛 , 居家香氛 , 房間香氛 , 空間香氛 , 香氛蠟燭 , 香氛精油 , 居家香精 , 精油香氛 , 居家香氛擴香 , 香氛蠟燭推薦 , 房間香氛推薦 , 香氛品牌推薦 , 嚴選香氛 , 香氛推薦 , 精油推薦 , 根尖手術 , 根管治療 , 牙齒再植手術 , 顯微根管 , 鈣化根管治療 , 再生性根管治療 , 牙根黑影與膿包治療 , 高雄根管治療 , 高雄牙齒醫師 , 高雄顯微根管醫師 , 美白牙齒 , 婚攝 , 婚攝 , 孕婦寫真 , 網頁設計/a> , , 品牌設計/a> , , LOGO設計/a>
官方網站設計 , 設計品牌 , 台北品牌設計 , 台南品牌設計 , 品牌設計 , LOGO設計 , 台北LOGO設計 , 台南LOGO設計 , 名片設計 , 台北名片設計 , 台南名片設計 , CIS企業識別設計 , 設計LOGO , 台北設計LOGO , 台南設計LOGO , 視覺設計 , 網頁設計 , 台北網頁設計 , 台中網頁設計 , 台南網頁設計 , 高雄網頁設計 , 網站設計 , 台北網站設計 , 台中網站設計 , 台南網站設計 , 高雄網站設計 , 官網設計 , 台北官網設計 , 台中官網設計 , 台南官網設計 , 高雄官網設計 , 公司官網設計 , 形象官網設計 , 產品官網設計 , 響應式網頁設計 , 響應式網站設計 , 公司網頁設計 , 教會網站設計設計 , 婚攝 , 婚攝Allen , 婚禮攝影 , 婚禮紀錄 , 婚攝推薦 , 婚攝 , 婚攝 , 婚攝 , 寒舍艾美婚攝推薦 , 文華東方婚攝推薦 , 君品酒店婚攝推薦 , 諾富特婚攝推薦 , 萬豪酒店婚攝推薦 , 婚攝Vincent , 婚攝 , 婚攝 , 婚攝 , 台北婚攝 , 台中婚攝 , 台南婚攝 , 高雄婚攝 , 美式婚攝 , 婚禮攝影美式 , 婚禮攝影推薦 , 婚禮攝影 , 婚禮攝影 , 婚攝推薦 , 婚禮紀錄 , 婚紗攝影 , 寒舍艾美婚攝 , 婚禮攝影 , 自助婚紗 , 婚攝 , 婚攝推薦 , 婚攝小寶 , 婚禮攝影 , 自助婚紗 , 婚禮紀錄 , 婚攝 , 婚禮攝影 , 婚紗攝影 , 婚攝推薦 , 美式婚禮攝影 , 美式婚紗攝影 , 孕婦寫真 , 親子寫真 , 家庭寫真 , 美式風格婚紗攝影 , 美式風格婚禮攝影 , 台北美式婚禮攝影推薦 , 網站設計 , 網頁設計 , 響應式網頁設計 , SEO最佳化 , SEO搜尋引擎最佳化 , 新秘 , 新秘小淑 , 新娘秘書 , 新娘造型 , 台中新秘 , 婚禮婚紗造型 , 新秘推薦 , 台中西屯霧眉 , 台中霧眉 , 血壓量測 , 腕式血壓計 , 全自動手臂式血壓計 , 心房顫動偵測 , 體溫計 , 耳溫槍 , 額溫槍 , 熱敷墊 , 電毯 , 中風 , 高血壓 , 血壓計 , 血壓計推薦 , 血壓計品牌 , 歐姆龍 , 百靈 , 台北攝影棚出租 , 台北攝影棚租借 , 攝影棚出租 , 攝影棚租借 , 攝影場地租借 , 專業形象照 , 形象照拍攝 , 個人形象照 , 孕婦禮服出租 , 孕婦禮服租借 , 自助婚紗 , 自助婚紗攝影 , 台北攝影棚出租推薦 , 台北專業形象照推薦 , 孕婦禮服出租推薦 , 自助婚紗推薦 , 婚攝 , 婚禮攝影 , 婚禮紀錄 , 婚攝 , 婚攝勇年 , 婚禮紀錄 , 婚紗婚攝 , 孕婦寫真 , 婚禮攝影 , 自助婚紗 , 婚攝推薦 , 文華東方婚攝 , 親子寫真 , 台南親子寫真 , 台中親子寫真 , 高雄親子寫真 , 台南兒童寫真 , 台中兒童寫真 , 高雄兒童寫真 , 台南親子寫真推薦 , 台中親子寫真推薦 , 高雄親子寫真推薦 , 台南家庭寫真 , 台中家庭寫真 , 高雄家庭寫真 , 台南全家福 , 台中全家福 , 高雄全家福 , 婚攝 , 台南婚攝 , 婚禮攝影 , 自助婚紗 , 台南婚禮攝影 , 台南婚禮攝影推薦 , 新秘 , 新娘秘書 , 新娘造型 , 高雄新秘推薦 , 台北新秘推薦 , 新秘Yuki , 白色夢幻新秘Yuki , 新娘秘書Yuki , 新娘助理 , 高雄新秘 , 台北新秘 , 婚禮婚紗造型 , 新娘妝髮造型 , 新秘彩妝造型 , 自助婚紗造型 , 台北新娘秘書推薦 , 高雄新娘秘書推薦 , 花草風造型 , 自然風格造型 , 室內香氛 , 居家香氛 , 房間香氛 , 空間香氛 , 香氛蠟燭 , 香氛精油 , 居家香精 , 精油香氛 , 居家香氛擴香 , 香氛蠟燭推薦 , 房間香氛推薦 , 香氛品牌推薦 , 嚴選香氛 , 香氛推薦 , 精油推薦 , 根尖手術 , 根管治療 , 牙齒再植手術 , 顯微根管 , 鈣化根管治療 , 再生性根管治療 , 牙根黑影與膿包治療 , 高雄根管治療 , 高雄牙齒醫師 , 高雄顯微根管醫師 , 美白牙齒 , 婚攝 , 婚攝 , 孕婦寫真 , 網頁設計/a> , , 品牌設計/a> , , LOGO設計/a>