Vue例項與渲染

2022-08-05 13:33:18 字數 600 閱讀 4090

1.1 vue與jquery區別

1.2 前端框架

1.3 單頁面應用

1.4 mvvmdata:,

methods:

//方法

},computed:

//計算屬性 被動 別人改--自己改

},watch:

//監聽屬性 主動 自己改--別人改

},//生命週期的鉤子函式

beforecreate:function(),

created:function(),

beforemount:function(),

mounted:function(),

beforeupdate:function(),

upeated:function(),

//很少用

})注:function中呼叫屬性需要用this.屬性名

3.1 基本模組語法

文字插值

}

}值一經設定不能改動

html
div>

繫結屬性

縮寫:

防止閃爍

vue之列表渲染

一 v for迴圈用於陣列 v for指令根據一組陣列的選項列表進行渲染。 1 v for指令需要使用item in items形式的特殊語法,items是源資料陣列名,item是陣列元素迭代的別名 為當前遍歷的元素提供別名,可以任意起名 。 ul id example li v for item ...

Vue if else條件渲染

判斷vue js的變數的值,然後執行頁面渲染邏輯 if elseif else doctype html html head meta charset utf 8 meta name viewport content width device width initial scale 1 0 meta...

vue 預渲染遇到的坑

最近公司專案需要增加seo搜尋引擎優化,到網上找了下資料,有預渲染和服務端渲染兩種方式,考慮到只需要渲染首頁所以我選擇了先啟用比較簡單的預渲染方式來做seo! 1 安裝 prerender spa plugin,使用 映象安裝 cnpm cnpm install prerender spa plug...