摘要：
企业级项目目录 api接口模块：发送ajax请求的接口模块 utils工具模块：自己封装的一些工具方法模块 Vant 组件库 第三方组件库：https://vant-contrib.gitee.io/vant/v2/#/zh-CN/ 引入组件 方式一. 自动按需引入组件 (推荐) babel-plu 阅读全文
摘要：
概述 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 对于组件间的通信方式而言，vuex也是一个可以进行任意组件通信的方法。 使用场景： 某个状态在很多组件来使用（个人信息） 多个组 阅读全文
摘要：
基于VueCli 自定义创建项目 顺序： 安装脚手架 vue create 项目名 选择自定义 Babel/Router/CSS/Linter Vue2.x VueRouter hash模式 CSS预处理 ESlint：Standard & Lint on Save 配置文件 dedicated c 阅读全文
摘要：
概念 1）理解： 一个路由（route）就是一组映射关系（key-value)，多个路由需要路由器（router）进行管理 2）前端路由：key是路径，value是组件 3）作用：设定访问路径，并将路径和组件映射起来（就是用于局部刷新页面，不需要请求服务器来切换页面） Route（路由） Route 阅读全文
摘要：
开发分类 实现方式 页面性能 开发效率 用户体验 学习成本 首屏加载 SEO 单页 一个html页面 按需更新性能高 高 非常好 高 慢 差 多页 多个html页面 整页更新性能低 中等 一般 中等 快 优 场景 单页面应用 系统类网站 内部网站 文档类网站 移动端站点 多页面应用 公司官网 电商类 阅读全文
摘要：
插槽-默认插槽 作用：让组件内部的一些结构支持自定义 需求：要在页面中显示一个对话框，封装成一个组件，但是组件的内容部分，不是写死的，希望能使用时自定义。 插槽的基本语法 组件内需要定制的结构部分，改用<slot></slot>占位 使用组件时，在组件中传入结构替换slot，例如<组件名>xxxxx 阅读全文
摘要：
自定义指令 根据自定义的指令，可以封装一些dom操作，扩展额外的功能 全局注册-语法 全局注册是在min.js文件中去定义的 Vue.directive('指令名',{ // inserted: 钩子是一个自定义指令的生命周期钩子函数之一。它会在被绑定的元素插入到父节点时调用。 "inserted" 阅读全文
摘要：
场景引入 需求：当用户点击编辑按钮后，显示一个弹窗，该弹窗有一个文本框，使得文本框自动聚焦 看似代码如下： this.isShowEdit = true; // 显示输入框 this.$refs.inp.focus(); // 获取焦点 代码看似没有问题，显示文本框后，让文本框聚焦，但是在vue中却 阅读全文
摘要：
ref 和 $refs 作用：利用ref 和 $refs 可以用于获取dom元素，或组件实例 特点：查找范围 -> 当前组件内（更精确稳定） 注意:在操作ref获取dom元素时，最快也得是mounted时期获取，也就是页面渲染之后 使用步骤： 目标标签-添加ref属性 <div ref="chart 阅读全文
摘要：
父子通信流程图： 父组件通过props将数据传递给子组件 子组件利用$emit通知父组件修改更新 父组件传递子组件 注意点 但是需要注意的是，通过props传递的数据是只读状态的，也就是说，我们不能去修改这个值。 注意：props是只读的，如果直接对props中的数据进行修改，Vue就会发出警告。如 阅读全文
