-
methods:
定義函數(shù)
v-if v-show 顯示效果差不多,但是v-if會移除,消耗性能,v-show會被隱藏,屬性變成null
v-for
查看全部 -
computed:{
????fullname : funtion(){
????????return ;
????}
}
偵聽器
watch:
查看全部 -
單向綁定v-bind = :
雙向綁定v-model
查看全部 -
v-bind
查看全部 -
<div v-for="item of list">{{item}}</div>
查看全部 -
{{ }} 雙括號包裹變量,稱之為 插值表達式;
v-text? 原樣輸出數(shù)據(jù)值;
v-html 會進行html 轉(zhuǎn)換輸出數(shù)據(jù)值;
查看全部 -
單文件組件內(nèi)不需要綁定掛載點什么的,內(nèi)部數(shù)據(jù)可以直接用
查看全部 -
局部組件
查看全部 -
#全局安裝?vue-cli
$ npm install --global vue-cli
#創(chuàng)建一個基于?webpack?模板的新項目
$ vue?init webpack? my-project
#安裝依賴
$ cd my-project
$ npm run dev
查看全部 -
我們可以把一個較大的項目拆分一個小的組件,這樣維護起來就比較方便
vue組件的定義,這里說兩種:
全局組件:vue提供vue.component()來定義組件,第一個參數(shù)的組件名稱,也是我們將要寫在dom里的標簽,第二個參數(shù)是一個對象,里面可以定義一個模板,也是我們要顯示的內(nèi)容。
還有一種方式叫做局部組件,在外面定義一個對象,對象里面裝著模板,都是這樣還不可直接使用,我們需要在實力里面進行注冊,配置標簽名和內(nèi)容,意思就是在我這個vue實例里面去使用這個組件。
在標簽內(nèi)可以像以往一樣正常使用指令
要想現(xiàn)實我們顯示的內(nèi)容,我們可以進行傳參,在標簽里面定義屬性,屬性就我們想要現(xiàn)實的內(nèi)容,然后在組件里面用props(固定)給接收過來就可以正常使用了
創(chuàng)建全局組件的方法:Vue.component('',{})
創(chuàng)建局部組件的方法: Var TodoItem = { }
使用局部組件需要聲明注冊:components : { 'todo-item' :TodoItem}
查看全部 -
w
查看全部 -
dtodolist
查看全部 -
開始學習vue 適合小白 不錯
查看全部 -
組件與實例
查看全部 -
組件拆分
查看全部
舉報