vue檔案介紹

2022-06-21 12:18:15 字數 942 閱讀 5172

在專案中,乙個.vue檔案就是乙個單檔案元件,注意 每個元件的資料互不影響

一般位於src/views 目錄下;公用元件放於 src/common(新建) 目錄下即可

結構部分

// 2.資料和邏輯

//3.樣式部分

<> + 回車鍵

​   1.html 必須用 乙個根標籤包裹 (就是template下面只有乙個div)

>

>

>我是元件1

<

/div

>

​   2.**寫到exprot default裡面

>

export default ;

3.標籤:

.vue檔案的樣式檔案;lang="less";表示css的預處理器是less,可以使用less的巢狀和定義變數語法;

每個元件內最好寫上scoped,scoped 的意思是只對當前元件起作用,對其他元件不起

>

**如下:

>

>

>這是我建立的第乙個cli專案

>

>

>

>

import localvue from './components/localvue.vue'

export default

}>

vue官方建議每個元件都寫上 name屬性

直接在元件的內部寫name:值即可

不能用中文

寫了之後,chrome的vue外掛程式中可以看到這個名字,更加利於檢索,利於編碼

**如下:

>

export default

to 哈爾濱冬天的雪!!!

vue初步介紹

摘要 vue.js 讀音類似於view 是一套構建使用者介面的漸進式框架。與其他重量級框架不同的是,vue 採用自底向上增量開發的設計。vue 的核心庫只關注檢視層,它不僅易於上手,還便於與第三方庫或既有專案整合。vue.js 讀音類似於view 是一套構建使用者介面的漸進式框架。與其他重量級框架不...

vue路由介紹

2.前端路由的使用 前端路由 由前端實現以上功能,前端只存在d單頁面首頁index.htm 規定url格式,獲取url內容 使用場景 共用頁面,如商品詳情,只是商品的id不同 模式匹配路徑 route.params user username user enent user username pos...

vue初步介紹

vue.js 讀音類似於view 是一套構建使用者介面的漸進式框架。與其他重量級框架不同的是,vue 採用自底向上增量開發的設計。vue 的核心庫只關注檢視層,它不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與單檔案元件和 vue 生態系統支援的庫結合使用時,vue 也完全能夠為複雜的單...