Vue2.x 模板语法,条件渲染,列表渲染渲染
Vue2.x Router,Vuex
集成Vue2.x
Vue2.x常用知识点 20%
Vue2.x核心技术 30%
认识vue
模板语法,v-bind属性绑定,事件绑定
条件渲染,列表渲染,Class于Style绑定
集成Vue2.x
Vue-cli, Vue代码规范,Vue组件调试方法,Vue-ROUTER,VUEX(状态管理)
模板语法
认识Vue文件结构(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:{
}
})
计算属性(数据联动) 和 侦听器(异步),使用场景
条件渲染
v-if,v-else,v-else-if,v-show
列表渲染
V-for 和 v-if结合使用, v-for 高级使用
Class于Style绑定
v-text {{}} v-html
v-on:click="" @click=""
new Vue({
el:"",
data:{
},
methods:{
},
computed:{
},
watch:{
}
})
面向dom编程,面向数据编程
属性绑定 双向数据绑定
v-bind:title :title v-model
计算属性和侦听器
v-if 和 V-show的使用方式
局部组件和全局组件
props
Vue实例 挂载点 组件(vue实例)
父组件向子组件传值是通过属性的方式传递的
Vue引入方法的时候需要用括号(习惯),Vue引入其他组件的时候不能用括号(今早调了一晚上)