目錄如圖:
1、webstorm設定
為了提高webstrom在vue專案中響應速度,設定:
選中專案,點選右鍵,mark directory as,excluded
進入到cli:
windows+r
cmdd:
cd vue_cli
npm run dev
2、介紹單檔案元件概念
擴充套件名為 .vue 的 single-file components(單檔案元件) ;
有3個標記:template(是html) script(元件的設定) style(樣式的設定)
3、vue專案啟動流程
在執行npm run dev的時候,會去在當前資料夾下的專案中找package.json檔案,啟動開發伺服器,預設埠是8080;
在src目錄下有乙個router資料夾,該資料夾有個index.js檔案,該檔案是配置路由詞典,指定了路由位址是空,載入hello元件
4、使用vue的元件
步驟1:建立.vue結尾的檔案
myheader.vue
步驟2:建立元件
在main.js檔案中,
①引入要使用的元件
import myheader from '@/components/myheader'
②建立元件
vue.component('my-header',myheader)
步驟3:使用元件
mylist.vue
5、vue專案 如何 部署在真正的伺服器端
在工程所在的目錄中,執行npm run build,
會生成乙個dist的資料夾
就是我們可以直接部署(deploy)在伺服器端的檔案。
例如:hello.vue檔案中:
從vue引入vue
import vue from 'vue'
從js檔案vue-router引入router
import router from 'vue-router'
從路徑components/hello蝦引入hello(@是路徑……)
import hello from '@/components/hello'
vue.vue router.vue……都省去了.vue
router是路由模組,即可以使用路由模組
vue.use(router)
匯出配置路由
export default newrouter
注意:一般在assets下方css,js,img,fonts等需要的檔案……
uboot啟動流程概述 uboot啟動流程
u boot系統啟動流程 大多數bootloader都分為stage1和stage2兩大部分,u boot也不例外。依賴於cpu體系結構的 如裝置初始化 等 通常都放在stage1,且可以用組合語言來實現,而stage2則通常用c語言來實現,這樣可以實現複雜的功能,而且有更好的可讀性和移植性。2.1...
activity啟動流程 App啟動流程三問
裡面涉及到哪些重要的成員呢?都分別負責了什麼,比如ams?啟動流程了解後,對我們開發有什麼幫助呢?1 比如啟動優化,分析啟動過程,其實可以優化啟動速度的地方有三個地方 activity的oncreate方法,同樣進行執行緒處理,懶載入。或者預建立activity,提前類載入等等。2 又比如外掛程式化...
啟動程序流程
linux啟動程序時設定了cs,esp等各個暫存器的值,這是相應的巨集 void start thread struct pt regs regs,unsigned long new ip,unsigned long new sp export symbol gpl start thread 這是 ...