vue啟動流程

2022-03-16 10:19:18 字數 1346 閱讀 3803

目錄如圖:

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 這是 ...