icemwj的博客

1、Vue 单文件组件1.1 传统组件的问题和解决方案（1） 问题全局定义的组件必须保证组件的名称不重复。字符串模板缺乏语法高亮，在 HTML 有多行的时候，需要用到丑陋的 \ 。不支持 CSS 意味着当 HTML 和 JavaScript 组件化时，CSS 明显被遗漏。没有构建步骤限制，只能使用 HTML 和 ES5 JavaScript，而不能使用预处理器（如：Babel）。（2）解决方案针对传统组件的问题，Vue 提供了一个解决方案 —— 使用 Vue 单文件组件。1.2 Vue

1、Vuex 概述1.1 组件之间共享数据的方式父向子传值：v-bind 属性绑定子向父传值：v-on 事件绑定兄弟组件之间共享数据： EventBus$on 接收数据的那个组件 （监听事件）$emit 发送数据的那个组件（触发事件）1.2 Vuex 是什么Vuex 是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。1.3 使用 Vuex 统一管理状态的好处① 能够在 vuex 中集中管理共享的数据，易于开发和后期维护。② 能够高效地实现组件之间的数据共享

1、路由的基本概念与原理2、vue-router 的基本使用3、vue-router 嵌套路由4、vue-router 动态路由匹配5、vue-router 命名路由6、vue-router 编程式导航

Vue 基础学习（4）：接口调用方式、异步、promise、fetch、axios、async 和 await

Vue 基础学习（3）：组件注册、组件间数据交互、组件插槽

了解模块化的相关规范1、模块化概述传统开发模式的主要问题：① 命名冲突② 文件依赖通过模块化解决上述问题模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块。模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护。2、模块化相关规范1. 浏览器端模块化规范（1）AMD(Asynchronous Module Definition，异步模块定义)代表产品为：Require.js（2）CMD(Co

Vue 基础学习（2）：Vue 常用特性（表单操作、自定义指令、计算属性、侦听器、过滤器、生命周期）

Vue 基础学习（1）：Vue 概述、Vue 基本使用、Vue 模板语法

webpack 的基本使用1、webpack 概述webpack 是一个流行的前端项目构建工具（打包工具），可以解决当前 web 开发中所面临的困境。webpack 提供了友好的模块化支持，以及代码压缩混淆、处理 js 兼容问题、性能优化等强大的功能，从而让程序员把工作的重心放到具体的功能实现上，提高了开发效率和项目的可维护性。目前绝大多数企业中的前端项目，都是基于 webpack 进行打包构建的。2、webpack 的基本使用2.1 创建列表隔行变色项目① 新建项目空白目录，打开项目所在目