Alan0517

Ts基本篇-02-面向对象

Ts简单入门介绍

路由

Vuex

插槽(slot)

vue-resource

axios

配置代理

过度与动画

nextTick

消息订阅与发布（pubsub）

全局事件总线（GlobalEventBus)

自定义事件

webStorage

scoped属性

插件

mixin混入

props属性

ref属性

vue组件分为单文件和非单文件

vue的生命周期

内置指令

过滤器

收集表单

列表排序

列表过滤

列表渲染

绑定样式

条件渲染：if else

监视属性

计算属性

键盘事件

事件的修饰符

事件的基本使用

vue当中的数据代理

el与data的不同写法

- 小总结:1. v-bind: 单向绑定,只能 data-> 页面;2. v-model: 双向绑定，data和页面互相影响;3. v-model只能应用在 表单内元素上(比如输入元素：input 单选框，select 多选框，下拉列表等)4. v-model:value 可以简写成 v-model,因为v-model 默认收集的就是value的值-->

Vue 模板语法有2大类：1. 插值语法：功能：用于解析标签体内容。写法：{{xxx}},xxx是js表达式，且可以直接读取到data中的所有属性；2. 指令语法：功能：用于解析标签(包括：标签属性，标签体内容，绑定事件...)举例：V-bind:href='xxx' 或简写为 :href='xxx',xxx同时要写js表达式，且可以直接读取到data中的所有属性；备注：Vue中有很多指令，且形式是：v-????此处外面只是拿v-bind举个列子；

1. 想让Vue工作，就必须创建Vue实例，且要传入一个配置对象;2. root容器里的代码依然符合html 规范，只不过引入了一些特殊的Vue语法;3. root容器里的代码被称为Vue模板;4. 容器和vue的实例是一对一的;vue一个实例下面可以存在子实例(组件)4. 注意区分： js表达式 和 js代码js 表达式： 一个表达式会生成一个值，可以放在任意一个需要值得地方eg: a ,a*b , demo(1), 三元表达式等;js 代码： if() for*()

该教程站在小白的角度，去帮助理解和使用，达到入门的效果；该教程覆盖面比较浅，更多详情请查阅Vue2文档，目前最新是Vue3文档，但是Vue2是公司目前大多数使用的；欢迎大家一起指正并下方留言，一起学习，共同进步！快速入门学习心得：直接拿一个项目本地运行跑起来；确认一个需求，直接干!不会很正常，看不懂的地方多很正常，关键是树立自信心，由点到面的覆盖，最终会发现，也就那么回事！