2019-03-09 Vue基礎(chǔ)知識

Vue2.x 模板語法,條件渲染,列表渲染渲染

Vue2.x Router,Vuex

集成Vue2.x


Vue2.x常用知識點? 20%? ?

Vue2.x核心技術(shù)? 30%

? ? ? 認識vue

? ? ? 模板語法,v-bind屬性綁定,事件綁定

? ? ? ?條件渲染,列表渲染,Class于Style綁定

集成Vue2.x

Vue-cli,? Vue代碼規(guī)范,Vue組件調(diào)試方法,Vue-ROUTER,VUEX(狀態(tài)管理)


模板語法

認識Vue文件結(jié)構(gòu)(template,script,style)

模板語法包含插值,指令(指令縮寫)

v-html="template"? ?inner html = template

v-bind:propertyName = “”? 屬性綁定? ? :propertyName

v-on:click = "method"? @click ="methodName"

new Vue({

el:"",

data:{

},

method:{

},

computed:{

}

})

計算屬性(數(shù)據(jù)聯(lián)動)? 和? 偵聽器(異步),使用場景


條件渲染

v-if,v-else,v-else-if,v-show

列表渲染

V-for? 和 v-if結(jié)合使用, v-for? 高級使用


Class于Style綁定



v-text {{}} v-html

v-on:click="" @click=""

new Vue({

el:"",

data:{

? ? },

? ? methods:{

? ? },

? ? computed:{

? ? },

? ? watch:{

? ? }

})

面向dom編程,面向數(shù)據(jù)編程

屬性綁定? ? 雙向數(shù)據(jù)綁定

v-bind:title? :title? v-model

計算屬性和偵聽器

v-if 和 V-show的使用方式

局部組件和全局組件

props

Vue實例? 掛載點? 組件(vue實例)

父組件向子組件傳值是通過屬性的方式傳遞的


Vue引入方法的時候需要用括號(習慣),Vue引入其他組件的時候不能用括號(今早調(diào)了一晚上)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,175評論 0 29
  • 組件(Component)是Vue.js最核心的功能,也是整個架構(gòu)設(shè)計最精彩的地方,當然也是最難掌握的。...
    六個周閱讀 5,761評論 0 32
  • 主要還是自己看的,所有內(nèi)容來自官方文檔。 介紹 Vue.js 是什么 Vue (讀音 /vju?/,類似于 vie...
    Leonzai閱讀 3,537評論 0 25
  • vue概述 在官方文檔中,有一句話對Vue的定位說的很明確:Vue.js 的核心是一個允許采用簡潔的模板語法來聲明...
    li4065閱讀 7,606評論 0 25
  • Vue不支持IE8以及以下版本。 想要使用Vue的話可以通過直接下載vue.js,放置到項目中寫好路徑就可以,或者...
    酥楓閱讀 721評論 0 0

友情鏈接更多精彩內(nèi)容