ShuaideryiP的博客

1. 配置项配置项 含义 注意 state 单一状态树 类似data mutations 数据管家(同步) 唯一修改state地方 actions 异步请求 要改state需要提交给mutations getters vuex计算属性 类似computed modules 模块拆分 2. 图示关系3. 语法及使用1.1 state语法（数据源）定义/*const stor...

1. 什么是路由？ 路由是什么呢? 路由是一种映射关系 Vue中的路由是什么? 路径和组件的映射关系 2. 为何用--路由 ？2.1 目标了解为何要学习和使用路由2.2 讲解目标: 在一个页面里, 切换业务场景 具体使用示例: 网易云音乐 网易云音乐单页面应用(SPA): 所有功能在一个html页面上实现前端路由作用: 实现业务场景切换优点： 整体不刷新页面，用户体验更好 数据传递容易, 开发效率高.

1. 组件-插槽1.1 目标用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容1.2 讲解vue提供组件插槽能力, 允许开发者在封装组件时，把不确定的部分定义为插槽插槽例子:需求: 以前折叠面板案例, 想要实现不同内容显示, 我们把折叠面板里的Pannel组件, 添加组件插槽方式语法口诀: 组件内用<slot></slot>占位 使用组件时<Pannel></Pannel>夹着.

1. vue生命周期1.1 概念一组件从 创建 到 销毁 的整个过程就是生命周期1.2 小结Vue的生命周期是什么? 从Vue实例, 创建到销毁的过程 2. vue-钩子函数2.1 目标Vue 框架内置函数，随着组件的生命周期阶段，自动执行2.2 讲解作用: 特定的时间点，执行特定的操作场景: 组件创建完毕后，可以在created 生命周期函数中发起Ajax 请求，从而初始化 data 数据分类: 4大阶段8个方法 初始化 挂载...

1. 组件_概念1.1 目标组件是可复用的 Vue 实例, 封装标签, 样式和JS代码1.2 讲解组件化 ：封装的思想，把页面上 可重用的部分 封装为 组件，从而方便项目的 开发 和 维护一个页面， 可以拆分成一个个组件，一个组件就是一个整体, 每个组件可以有自己独立的 结构 样式 和 行为(html, css和js)1.3 小结 组件是什么? 可复用的vue实例, 封装标签, 样式, JS 什么时候封装组件? 遇到重复标签, 可复用..

1. v-for更新检测1.1 问题 哪些数组方法会导致v-for更新页面? 有的数组方法不导致v-for更新页面, 如何处理? 1.2 答案 哪些数组方法会导致v-for更新页面? 可以改变原数组的方法 有的数组方法不导致v-for更新页面, 如何处理? 拿返回的新数组, 直接替换旧数组 this.$set()方法更新某个值 这些方法会触发数组改变, v-for会监测到并更新页面 push() ..

1、什么是webpack（必会） webpack是一个javascript的静态模块打包工具 webpack里一切文件皆模块，通过loader转换文件，通过plugin注入钩子 最后输出由多个模块组合成的文件，webpack专注构建模块化项目 2、webpack的优点是什么？（必会） 专注于处理模块化的项目，能做到开箱即用，一步到位 通过plugin扩展，完整好用又不失灵活 通过loaders扩展, 可以让webpack把所有类型的文件都解析打包

1. Vue语法--插值表达式1.1 目标学习插值表达式, 在DOM中插入内容1.2 学习又叫: 声明式渲染/文本插值/大胡子语法语法: {{ 表达式 }}例子：<template> <div> <h1>{{ msg }}</h1> <h2>{{ obj.name }}</h2> <h3>{{ obj.age > 18 ? '成年' : '未成年' }}&l

1. 脚手架介绍1.1 目标webpack自己配置环境繁琐官方提供脚手架, 快速搭建项目基础结构1.2 概念脚手架是为了保证各施工过程顺利进行而搭设的工作平台在代码里的体现, 就是一套固定标准的, 文件夹+文件+webpack配置1.3 好处 开箱即用 0配置webpack babel支持 css, less支持 开发服务器支持 1.4 小结1.用Vue开发项目，需要自己配置webpack？答案：Vue官方提供了脚..

1. webpack-概念1.1 目标为何学webpack什么是webpack1.2 场景开发完项目, 可以用node+webpack来分析, 翻译, 压缩, 打包, ==加快浏览器打开速度==1.3 概念webpack官网 现代 javascript 应用程序的 静态模块打包器 (module bundler) 静态: 文件资源 模块: node环境, 引入文件, 遵守模块化语法 除了合并代码, 还可以翻译和压...