vue2 0 vue檔案的學習

2022-09-02 19:36:12 字數 668 閱讀 7331

一 sublime vue語法高亮外掛程式安裝

sublime開始是不會識別vue檔案的,所以我們要設定。並安裝外掛程式,vue syntax hightlight

1.在sublime中開啟packagecontrol,快捷鍵ctrl+shift+p

2.開啟install package 視窗。

3.輸入vue syntax hightlight,回車安裝即可。

二,vue檔案的語法

1.vue檔案:是用類html語法描述的vue元件。

主要是三個部分:--裡面所放便是html語法。

--裡面放的就是js語法,**要用export default去匯出。

--裡面放的就是html的語法

使用js檔案來進行改變時:

最基本的語法,先new乙個vue出來。

其中,el是掛載點。------就是**到什麼頁面上。也可以是el:'body'.

data就是構造引數,裡面放的內容可以在html頁面中渲染出來。}就是渲染的方式。

data裡的內容改變時,其他元件也會跟著改變,如果不想變化,那就加上return返回值。

vue2 0 vue例項的生命週期

vue把整個生命週期劃分為建立 掛載 更新 銷毀等階段,每個階段都會給一些 鉤子 讓我們來做一些我們想實現的動作。學習例項的生命週期,能幫助我們理解vue例項的運作機制,更好地合理利用各個鉤子來完成我們的業務 先看一下官網的生命週期圖例 如果覺的太複雜,那我們就從簡單的開始學起。這就是生命週期的8個...

Vue2 0學習筆記 Vue中的Mixins

在專案開發的時候,常會碰到這樣的一種現象 有兩個元件非常相似,比如較為熟悉的modal tooltip和popover,它們都具有同樣的基本函式,而且它們之前也有足夠的不同。很多時候,就讓人很難做出選擇 是把它們拆會成多個不同的元件呢?還是只使用乙個元件,建立足夠的屬性來改變不同的情況。這些解決方案...

vue2 0學習記錄

1 在main.js可註冊全域性元件,vue.components 元件名稱 元件名 import 元件名 from components 元件檔案 3 元件的標籤名不可與系統的html標籤重複 4 父元件向子元件傳值 父元件有乙個陣列 users 在父元件模板中的子元件標籤中接收 users us...