A Vue.js project
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --reportFor a detailed explanation on how things work, check out the guide and docs for vue-loader.
- 使用 vue-cli 搭建项目框架；
- Git, GitHub 和 GitHub Pages 的基本使用；
- 使用 bootstrap-sass 和 font-awesome；
- 使用组件来构建项目；
- 绑定数据的两种形式 —— Mustache 语法和 v-bind 指令；
- 使用 v-for 指令渲染列表；
- 绑定 class 和 style；
- 使用 v-on 指令监听 DOM 事件；
- 自定义指令 —— title、validator 和 dropdown；
- 使用 vue-router 作路由来创建单页应用；
- 自定义功能组件 —— Message、Modal、Pagination 和 Slider；
- 在组件中使用 props；
- 使用侦听器；
- 使用 Vuex 存储管理应用的所有组件的状态；
- 使用计算属性；
- 局部注册和全局注册 —— 组件、指令和过滤器；
- 使用 v-if 指令进行条件渲染；
- 自定义插件 —— message 和 vue-sweetalert2；
- 在列表渲染中使用 key；
- 使用嵌套路由和设置默认子路由；
- 在选择框和复选框中使用 v-model；
- 为 v-model 添加修饰符 —— .lazy 和 .trim；
- 使用 SimpleMDE 编辑器；
- 使用路由对象，它出现在 —— 组件（this.$route）、$route 观察者回调和导航守卫的参数 to 和 from；
- 在路由配置中使用动态路径参数；
- 使用 getters 派生一些新的状态；
- 自定义过滤器 —— moment；
- 使用导航守卫 —— router.beforeEach、router.afterEach、beforeRouteEnter 和 beforeRouteLeave；
- 使用事件修饰符 —— .self；
- 使用 分发内容；
- 使用 实现过渡；
- 使用 实现列表的过度；
- 使用 Mock.js 生成测试数据；
- 使用 插槽传递数据；
- 使用 key 管理可复用的元素；
- 使用 axios 发起 Ajax 请求；
- 使用按键修饰符 —— .enter；
- 在计算属性中定义 setter；