-
屬性綁定
????<div?title=“this?is?hello?world”>hello?world</div>?title?是html屬性，當鼠標放在hello?world上時，會顯示this?is?hello?world?提示語。
????當希望提示語可變時，就需要屬性和數據綁定,寫法如下
????<div?v-bind:title="'dell?lee'+title">hello?world?</div>
????data:{
????????title:"this?is?hello?world"
????}
????v-bind:可以縮寫為：
查看全部 -
掛載點：掛載點指的就是vue實例里的el屬性對應的ID所對應的dom節點，dom節點一般指div標簽
模板：在掛載點內部的內容叫做模板內容，模板除了寫在掛載點之下外，還可以寫在實例里的template屬性里。
實例：實例里面只需要指定掛載點，把模板寫上，vue會自動結合模板和數據生成最終要展示的內容，然后把內容放在掛載點之中。
查看全部 -
webpack打包工具構造大型項目的開發目錄，打包，線上運行
腳手架工具vue-cli，快速構建vue項目，自帶webpack各種工具，不涉及技術門檻
nodejs安裝時會自動安裝npm
vuecli安裝前先安裝node和npm
查看全部 -
?父組件向子組件傳值，通過屬性的方式?
子組件向父組件傳值，通過發布訂閱模式
查看全部 -
組件與實例的關系
每個vue的組件component都是vue的實例
每個實例包含哪些屬性
props
template
methods
?
?
查看全部 -
如何定義組件
組件間通信
全局組件和布局組件
查看全部 -
todolist
查看全部 -
v-if
v-show 高頻率時性能高
v-for=“（item，index） of list” ：key=“index”
list為data中數組
查看全部 -
計算屬性computed：{?
? ? ? ? ? ? ? ? ? ? ?屬性名：function（）{}
}
一個屬性通過其他屬性計算而來
偵聽器： watch：{} 監聽某一個數據或者屬性發生變化
查看全部 -
屬性綁定v-bind:屬性=js表達式 例如："表達式"+'jhsadhk'"
v-bind: 簡寫為 :
:后面跟html標簽的屬性，：屬于vue的實例
雙向綁定v-model:? html與vue實例?
?
查看全部 -
插值表達式{{ }}
v-text="msg"? 展示文本
v-html="msg"? 展示html
給標簽綁定事件：v-on:click="函數"；
v-on:可簡寫為@
vue實例中methods：{
? ? ?函數?
}?
查看全部 -
掛載點：vue實例中el屬性對應id的DOM
模板：掛載點內部的內容。templete：?
實例
查看全部 -
掛載點就是vue綁定的元素，模版就是掛載點里面的內容，包括元素，實例就是new vue出來的，一個掛載點就是一個實例
查看全部 -
1、如果用script引入js，最好放在head里面，用于防止頁面抖屏
2、vue編寫著重于數據
3、語法：
????<div id="root">//掛載點
????????{{msg}}? //掛載點里的內容都叫做模板內容，也可以直接將模板內容放到實例的template里面去
????</div>
????<script>
????????new vue({? ? ?//vue實例
????????????el:"#root",
????????????data:{
????????????????msg:"hello wold"????
????????????}
????????})
????</script>
查看全部 -
1.計算屬性(computed:)：一個屬性通過其他屬性計算而來
只有它依賴的數據發生變化的時候，它才會重新計算；如果依賴的屬性沒有發生變化，它會利用以前計算結果的緩存來在頁面上做顯示
2.偵聽器(watch)：指的是監聽某一個數字發生了變化，然后就在監聽器里面做業務邏輯，
偵聽器watch：監測某一個數據或計算屬性發生了變化，一旦這個數據發生了變化，就在該偵聽器內寫入業務邏輯
*注：watch不僅可以監聽vue實例的data內屬性，而且可以監聽計算computed下計算屬性的變化
查看全部
舉報