my-study-vuejs
latest
基础学习
1. 邂逅vue
2. 基础语法
中级学习
1. 组件化开发
2. 模块化
3. webpack
4. router
5. vuex详解
6. 网络封装
项目学习
1. 项目实战
2. 项目部署
3. 原理详解
my-study-vuejs
»
My_Study_Vuejs’s 学习笔记
Edit on GitHub
My_Study_Vuejs’s 学习笔记
¶
github地址
基础学习
1. 邂逅vue
1.1. 遇见vue
1.1.1. 为什么学习vuejs
1.1.2. 简单认识vue
1.1.3. vue的特点
1.2. 安装Vue
1.2.1. cdn引入
1.2.2. 下载引入
1.2.3. npm安装
1.2.4. cli和npm结合
1.3. 体验vue
1.3.1. hello vue
1.3.2. vue显示列表
1.3.3. vue简单计数器
1.4. mvvm架构
1.4.1. data和vue对象的分离
1.4.2. vue中的mvvm
1.5. vue的options
1.6. mvvm生命周期
2. 基础语法
2.1. 插值操作
2.1.1. v-once
2.1.2. v-html
2.1.3. v-text
2.1.4. v-pre
2.1.5. v-cloak
2.2. 绑定属性
2.2.1. 绑定基本使用
2.2.2. 动态绑定class
2.2.3. 动态绑定style
2.2.4. v-for和v-bind作业
2.3. 计算属性
2.3.1. 基本使用
2.3.2. 复杂使用
2.3.3. getter和setter
2.3.4. 计算属性和methods的对比
2.4. 事件监听
2.4.1. 监听基本使用
2.4.2. 参数传递
2.4.3. 修饰符
2.5. 条件判断
2.5.1. v-if
2.5.2. v-else-if
2.5.3. 用户登录案例
2.5.4. v-show
2.6. 循环
2.6.1. v-for遍历数组
2.6.2. v-for遍历对象
2.6.3. v-for遍历添加key
2.6.4. v-for数组哪些是响应式的
2.7. 购入车案例
2.7.1. 案例考察点分析
2.7.2. 详细代码
2.7.2.1. html
2.7.2.2. style
2.7.2.3. js
中级学习
1. 组件化开发
1.1. 认识组件化
1.1.1. 什么是组件化
1.1.2. 组件化的思想
1.2. 注册组件
1.2.1. 基本步骤
1.2.2. 注册代码图
1.2.3. 详细代码实现
1.3. 组件其他补充
1.3.1. 全局组件
1.3.2. 局部组件
1.3.3. 父子组件
1.3.4. 模块的分离写法
1.4. 组件数据存放
1.5. 父子组件通信
1.5.1. 父级向子级传递
1.5.2. 子级向父级传递
1.5.3. 父访问子组件数据
1.5.4. 子访问父组件数据
1.6. 插槽slot
1.6.1. 编译作用域
1.6.2. 为什么使用slot
1.6.3. slot的基本使用
1.6.4. 具名slot
2. 模块化
2.1. 为什么需要模块化
2.2. 使用模块作为出口的规范
2.3. 导出样例
2.3.1. CommonJS导出
2.3.2. CommonJS导入
2.3.3. ES6导出
2.3.4. ES6导入
3. webpack
3.1. 认识webpack
3.1.1. 什么是webpack
3.1.2. 功能
3.1.3. webpack和grunt/gulp的对比
3.2. webpack的安装
3.3. webpack的起步
3.4. webpack的配置
3.4.1. webpack.config.js样例
3.4.2. package.json 样例
3.4.3. 构建
3.5. loader的使用
3.5.1. css文件处理
3.5.2. less文件处理
3.6. webpack中配置Vue
3.7. plugin的使用
3.8. 搭建本地服务器
4. router
4.1. router 基本使用
4.2. 完成跳转
4.3. 动态路由
4.4. 懒加载
4.5. 嵌套路由
4.6. 参数传递
5. vuex详解
5.1. vuex 基本使用
5.2. vuex getter
5.3. vuex mutation
5.4. vuex action
5.5. vuex module
5.6. vuex 文件拆解
6. 网络封装
6.1. axios
6.1.1. 基本使用
6.1.2. get使用
6.1.3. config使用
6.1.4. 并发使用
6.1.5. 实例使用
项目学习
1. 项目实战
2. 项目部署
3. 原理详解