萌新小白的vue入門之旅 路由 yi

2021-10-23 09:08:14 字數 1463 閱讀 2874

選擇第二個 //第乙個為預設安裝 第二個為自定義安裝 選擇第乙個和最後第三個 linter為**規範 第一項為es6/7轉es5的 第三項為路由

**規範的標準 //倒數第二個為標準模式 第二個為最嚴格的

什麼時候檢測 //第乙個為儲存的時候檢測

所有的依賴項安裝到哪 //第乙個為單獨存放在乙個資料夾裡 第二個為安裝到package.json檔案中

以後是否使用這種配置

安裝完成

安裝完成之後的目錄:

vue專案發布

npm run build		# 把vue專案進行打包發布,生成可以在web伺服器中進行訪問的網頁

# 我們寫的.vue檔案是源**,是不能被瀏覽器解析的

# 我們在開發的時候使用了cli腳手架生成專案,當執行了 npm run server的時候

# cli搭建的專案會自動啟動內建的開發伺服器,是臨時的乙個伺服器

# 會把我們寫的vue檔案進行編譯執行

# .vue檔案在開發的時候能夠在瀏覽器被訪問到,是因為有webpack的存在

# webpack是乙個前端模組化開發工具,可以實現模組化開發和臨時的開發伺服器

# .vue檔案能夠被webpack載入,是因為vue-loader外掛程式的功勞

# webpack內建了很多外掛程式(又叫載入器),作用是解析不同的檔案型別

public表示公共資料夾 以後用來發布的時候用來生成的靜態資源 主入口是index.html

npm i vue-router 	# 安裝路由外掛程式 

安裝完成之後 在main.js中

import vue form 'vue'

// 引入路由

import vuerouter from

'vue-router'

// 使用路由

vue.

use(vuerouter)

// 定義乙個路由例項

const router =

newvuerouter(]

// 表示路由配置表})

//把元件註冊進來

newvue()

.$mount

()

每乙個路由對應的頁面中都會包含一些路由屬性

路由中內建元件

//當我們使用了vue.use的時候  會幫我們自動註冊兩個全域性自定義元件:router-link和router-view

"">

<

/router-link>

//這個是用來生成a標籤 做頁面跳轉

// to表示跳轉到**

// h表示上面定義的那個name

// :to=""也可以根據path去跳轉 更換為 to="/l" 但是不建議用path去跳轉

//是用來展示元件的內容的,路由跳轉之後的元件頁面內容都在此進行展示,所有的路由位址訪問時對應的內容都在元件的範圍內顯示

萌新的51之旅

本人是微控制器學習的萌新一枚,學習微控制器等知識目的就是提公升自己專業方面的綜合的素質修養,我將會把自己的每次的學習的內容和心理歷程記錄下來,分享給大家的同時也加深自己的理解。眾所周知,微控制器的入門51是再好不過的選擇,對於我這種剛剛接觸微控制器的人來說,我覺得51微控制器還是十分容易接受的,首先...

萌新的linux之旅12

11.管理網路 1.ip基礎知識 1.ipv4 2進製32位 10進製 172.25.0.10 255.255.255.0 172.25.0.10 ip位址 255.255.255.0 子網掩碼 子網掩碼255位對應的ip位為網路位 子網掩碼0對應的ip位為主機位 2.配置ip 圖形化 1.圖形介面...

萌新的linux之旅19

系統正常引導過程 如果引導程式boot損壞 446位元組是啟動引導 dd if dev zero of dev vda bs 446 count 1 注意一定是446 多了或少了都不能正常引導修復 保證selinux是disabled 然後重啟,發現一直在booting,即無法引導系統系統 關閉虛擬...