2019-03-09 Vue基础知识

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引入其他组件的时候不能用括号（今早调了一晚上）