vue知识点梳理

环境

IDE

webstorm vscode

npm

vue-cli webpack cnpm nvm

Chrome

vue调试插件

认识Vue

第一个demo

声明式渲染
条件渲染
列表
事件

热部署

gulp
webpack

认识样式

Sass
postcss

前置知识

代码规范

eslint

学习资料

官网 社区

基本概念

模板语法

计算属性

指令

class,style绑定
条件渲染
列表渲染
事件处理
表单输入绑定

组件基础

生命周期
模块化思想

组件

组件通信方式

props
$parent
emit event
Vuex

动画

Vue-router

Vue-resource(官方推荐Axios)

常用API

####vue.use

props

DOM

el
template
render

渲染

服务端渲染

打包编译


vue文件结构;

插值语法,数据、js表达式;

指令(指令缩写)@click, v-if, :href

计算属性 computed

监听属性 watch

使用场景 watch 异步场景 computed 数据联动
watch通常监听的是一个变量(可能是单一的变量或数组)或者一个常量,computed可以监听很多个变量,但是这个变量一定要是在vue这个实例里的

条件渲染
v-if
列表渲染
v-for
Class与Style绑定

vue如何工程化?
vue代码规范,如何优雅的写vue代码?
如何调试vue?