jquery主要時操作dom
vue 主要是運算元據 是乙個漸進式前端框架，vue中渲染dom用到了diff演算法，渲染dom要比原生js快
vue是乙個建構函式，需要傳入options
el掛載根元素
template
模板字串,有template直接渲染這裡的內容，如果沒有就找el元素中的內容進行渲染和掛載
data
為了各個例項直接互不影響，data需要是乙個函式，返回乙個物件
computed
監聽多個資料，預設只有getter
watch
監聽單個資料，watch監聽單個屬性，基本資料型別 簡單監視
複雜資料型別 深度監聽deep:true
props components methods
生命週期鉤子
beforecreate
元件建立之前，可以新增頁面載入loading
created
元件建立之後，使用該元件，就會呼叫created方法，可以操作後端的資料，資料響應檢視
應用 傳送ajax請求
beforemount
掛載資料到dom之前會呼叫
mounted
掛載資料到dom之後會呼叫，vue作用之後的dom
beforeupdated
在更新dom之前 呼叫此鉤子函式 應用 獲取原始dom
updated
在更新dom之後呼叫， 應用 可以獲取最新的dom
beforedestory
例如 v-if 每次切換時false就會呼叫beforedestory和destroyed
當為true時，元件會被重新渲染一次
destroyed
應用 清除定時器
為了防止上述情況，可以使用keep-alive實現元件的快取；
keep-alive：vue的內建元件，能在元件的切換過程中將元件的狀態保留在記憶體中，防止重複渲染dom
activated
元件被啟用時呼叫 引用 路由
deactivated
元件被停用了
把v-if的dom放在keep-alive中就可以實現元件的快取，在切換的過程中，就不會觸發
beforedestory destoryed鉤子，指揮觸發activated deactivated鉤子
filters
ditrctivies
插值語法}
字串 布林值 三元表示式 物件 }}
mvvm model view view model
vue中的指令都是v-開頭的，對於頁面+資料的更為方便的輸出
v-text innertext
v-html innerhtml
v-if 判斷是否插入這個元素，相當於對元素進行建立和銷毀
是懶惰的，true才會渲染 有更高的切換開銷
v-else v-else-if
v-show 不管初始條件是啥都會渲染 有更高的初始渲染
v-for 優先順序是最高的
data中的資料渲染在dom中，v-bind可以通過事件修改data，達到頁面資料更新的目的，單項資料流，資料改變，檢視跟著一起改變
雙向資料流 v-model v-bind:value="msg" @input='msg=e.target.value'實現雙向資料繫結
單向資料流 v-bind
v-model只適用用表單元素
可以自定義v-model元件
v-slot
v-model
v-on @
v-bind ：
v-pre
v-once
v-cloak
component
keep-alive
slot
transition
transition-group
iskey
ref
不能重名，如果重名只會獲取最後乙個dom元素，前面的dom會被覆蓋
在原生dom上獲取原生dom元素，如果在元件上獲取的時元件物件，
盡量少用，vue中虛擬dom,使用diff演算法渲染dom，速度比較快，如果使用ref操作dom就與原生js沒什麼區別了
$nexttick(function(){})當dom更新迴圈結束之後執行延遲**，在修改資料之後使用，可以在**函式中獲取到
更新後的dom
slot
宣告 掛載 使用
在元件上直接繫結事件，是不能直接觸發的，因為元件上預設為自定義事件，例如
不會被系統識別為我們理解中的點選事件
必須通過$emit方法繫結它才行。
<body
>
<
div
id="root"
>
<
child
@click
="handleclick"
>
child
>
div>
<
script
>
vue.component(
'child',
}})varvm
=new
vue(}})
script
>
body
>
如果想直接在元件上使用原生事件，需要在事件加上字尾.native就可以了
使用過濾器:
資料屬性 | 過濾器名稱
Vue基礎知識總結
vue會管理el選項命中的元素 及其內部的後代元素 可以使用其他的選擇器，但是建議使用id選擇器 可以使用其他的雙標籤，不能使用html 和body 1.內容繫結 事件繫結 v text v html v on基礎 v text 設定標籤的文字值，預設寫法會替換全部內容，使用差值表示式 可以替換指定...
vue基礎知識總結（1）
beforecreat created beforemount mounted beforedestroy destroyed beforeupdate updated var vm new vue watch lastname function methods 計算屬性 有快取 computed ...
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 資料繫結 宣...