Vue

Vue

一、概述

1.前言

2.认识Vue

二、快速入门

1.创建工程

创建一个新的工程；选择静态web类型工程：

2.安装vue

下载安装

使用CDN

npm安装(推荐)

3.vue入门案例

HTML模板

vue渲染

双向绑定

事件处理

三、Vue实例

1.创建Vue实例

2.模板或元素

3.数据

四、方法

五、生命周期钩子

1.生命周期

2.钩子函数

3.this

可以看下在vue内部的this变量是谁，在created的时候，打印this

六、指令

1.插值表达式

花括号

插值闪烁

v-text和v-html

2.v-model

3.v-on

基本用法

事件修饰符

4.v-for

遍历数据渲染页面是非常常用的需求，Vue中通过v-for指令来实现。

遍历数组

数组角标

遍历对象

key

5.v-if和v-show

基本使用

与v-for结合

v-else

v-show

另一个用于根据条件展示元素的选项是 v-show 指令。用法大致一样：

6.v-bind

属性上使用vue数据

class属性的特殊用法

7.计算属性

8.watch

监控

深度监控

七、组件化

1.定义全局组件

2.组件的复用

3.局部注册

4.组件通信

父向子传递props

比如有一个子组件：

传递复杂数据

子向父的通信

八、Vuejs ajax

Vuejs 并没有直接处理ajax的组件，但可以使用axios或vue-resource组件实现对异步请求的操作。

1.vue-resource

2.axios简介

3.axios应用

方法说明

axios方法示例

get方法示例

post方法示例