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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,458评论 0 29
  • 组件(Component)是Vue.js最核心的功能,也是整个架构设计最精彩的地方,当然也是最难掌握的。...
    六个周阅读 10,932评论 0 32
  • 主要还是自己看的,所有内容来自官方文档。 介绍 Vue.js 是什么 Vue (读音 /vjuː/,类似于 vie...
    Leonzai阅读 8,658评论 0 25
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 12,009评论 0 25
  • Vue不支持IE8以及以下版本。 想要使用Vue的话可以通过直接下载vue.js,放置到项目中写好路径就可以,或者...
    酥枫阅读 3,823评论 0 0