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组件实现对异步请求的操作。