不使用腳手架的 vue 應用

2021-09-13 08:08:17 字數 494 閱讀 4936

工作中的專案不止有頁面繁多的模組化專案,還會只有一兩個頁面的類似於填寫資訊參與活動的活動頁。這個時候,就可以回歸以前的三劍客模式,在 index.html 裡引用 vue.js 進行開發。
引入 babel-polyfill 以轉換 es6 的**,需要作為第乙個引入的 script 指令碼可以拆分公共元件,通過 script 引入使用

上線時,需要手動切換介面位址

確定提交

**主要是兩部分,設定 axios 的選項,例項化 vue,vue 裡的引數和單檔案元件的一樣。

var headertemplate = 'header html **

'vue.component('my-header',

// ...

})

**主要是給全域性 vue 物件新增元件

不使用腳手架的 vue 應用

開發乙個 parcel vue 腳手架工具,工作中的專案不止有頁面繁多的模組化專案,還會只有一兩個頁面的類似於填寫資訊參與活動的活動頁。這個時候,就可以回歸以前的三劍客模式,在 index.html 裡引用 vue.js 進行開發。引入 babel polyfill 以轉換 es6 的 需要作為第乙...

不使用腳手架的 vue 應用

工作中的專案不止有頁面繁多的模組化專案,還會只有一兩個頁面的類似於填寫資訊參與活動的活動頁。這個時候,就可以回歸以前的三劍客模式,在 index.html 裡引用 vue.js 進行開發。引入 babel polyfill 以轉換 es6 的 需要作為第乙個引入的 script 指令碼可以拆分公共元...

Vue腳手架使用

安裝 1.全域性安裝腳手架 cnpm install g vue cli 使用 2.新建資料夾,在當前目錄執行命令 vue create 專案名稱 3.配置 選擇manually select feautures 空格選擇babel和css pre procesors 選擇sass scss wit...