Vue基礎知識

2022-09-21 19:48:11 字數 922 閱讀 4126

資料雙向繫結

指令帶有v-的,表示vue特有的屬性,他們會在渲染的dom上, 應用特殊的響應式行為

或者 click me

v-model 會忽略所有表單元素的 value、checked、selected attribute 的初始值

而總是將 vue 例項的資料作為資料**。

你應該通過 j**ascript 在元件的 data 選項中宣告初始值。

單選框

多選框

checked name:}

如何將值傳遞到元件中呢?

我們直接傳是達不到要求的,需要乙個中間商props

別名標籤中使用v-bind繫結乙個屬性,元件中使用props也一樣繫結

同樣的屬性,然後template中的標籤直接取值就可以了

具體使用和需要注意的地方

這是vue中的特性,將計算出來的結果,快取在屬性中。就類似

快取機制。屬性中有引數發生改變,快取的資料也會重新整理

這裡可以看出如果message的值沒有發生改變,快取的值也不會改變

,一旦message發生改變,快取中的資料也會跟著改變

計算屬性的主要特徵是為了將不經常改變的計算結果進行快取,以節省系統的開銷

作用:slot用來連線元件

基於插槽slot實現事件分發

Vue基礎知識

vue.js的基本使用 1.引入vue.js 1 cdn 3 模組化安裝 npm i vue d s cnpm i vue yarn add vue 2.初始化vue 1 必須有乙個html容器,決定vue.js的作用範圍 2 初始化 new vue options data 資料 3 資料繫結 宣...

VUE基礎知識

1 全域性定義 每個元件的命名不可重複 2 字串模板 缺乏語法高亮,可讀性較差 1 屬性 屬性書寫方式 props type name list 屬性時單向資料流,不可在子元件更改父元件傳遞的值,可通過onchange方法修改。2 事件 3 插槽 插槽是元件的一塊html模板,其顯示與否由父元件決定...

vue基礎知識回顧

vue主旨 運算元據,不操作dom 元件 例項 1 兩種安裝方式 a,script引入 b,使用v cli腳手架搭建模組化專案 2 掛載點 模板與例項 3 vue例項中的資料data 事件 事件 click.方法 methods 4 vue中的屬性繫結 屬性名 和雙向資料繫結 v model 5 v...