随笔分类 - vue
摘要：1.缩进：前端代码应当采用空格而非 tab 进行缩进，每次缩进为 2 个空格。 2.文件名命名规范 1）文件名称统一用小写的英文字母、数字和下划线的组合 如：node_modules(除了模块文件以外) 如： ├── systemSetting // document │ ├── systemSet
阅读全文
摘要：介绍 vue-cli脚手架的.babelrc文件
阅读全文
摘要：在我们做项目时，我们有时需要树形结构的数据进行数据的树形层级展示，或者需要把返回的数据结构数据进行拆解成单层数组形式。下面我们就来总结下这两种方法。 数组转树形结构： var data = [ {"id":2,"name":"第一级1","pid":0}, {"id":3,"name":"第二级1"
阅读全文
摘要：本文梳理如何搭建和构建前端组件库. 了解几个问题 为何需要组件化？ 大部分项目起源都是源于业务方的各种各样的奇葩需求。随着公司的业务发展，公司内部开始衍生出很多的B2C系统、后台系统，前端部门也疲于应对越来越多同质化的项目，这些项目在很多基础模块层、源代码存在不小的相似，甚至存在相似的业务模块。 笔
阅读全文
摘要：Vue 中如何定义全局的变量和常量 我想要定义一个变量, 在项目的任何地方都可以访问到, 不需要每一次使用的时候, 都引入. 尝试1:创建 global.js 并且在其中定义 在入口文件中引入 global.js 在项目中使用: 发现报错了, a 并没有定义. 为什么? 这个涉及到模块作用域:1 每
阅读全文
摘要：有些业务中，在使用 @change 回调的时候需要动态获取当前循环下的特定值，但是@change方法一旦传递参数就会覆盖原本的数据，对此，有两种方法解决： // 这种方法据说会改变 this 指向 <el-input-number @change="(value) => numberChange(v
阅读全文
摘要：这个问题很奇怪，之前从来没有遇到过。如果是我自己主导的项目，倒也好办，慢慢 debug 就是；偏偏在公司的项目里遇到这个问题，而公司项目的体系结构很复杂，我还没完全掌握。更恼火的是，因为体系复杂，debug 也非常困难，再加上尚无测试框架，这个难搞啊…… 好死不死的，当时是下午3、4点钟，正好到了肚
阅读全文
摘要：路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个
阅读全文
摘要：Vue使用import ... from ...来导入组件，库，变量等。而from后的来源可以是js，vue，json。这个是在webpack.base.conf.js中设置的： module.exports = { resolve: { extensions: ['.js', '.vue', '.
阅读全文
摘要：路由 参数
阅读全文
摘要：前言 项目基本框架已经实现，部分组件封装基本功能。具体优化在开发过程中一步步实现 目录结构 主要开发文件src文件 1、api 和 views 随着业务的迭代，模块还会会越来越多。 所以这里建议根据业务模块来划分 views，并且 将views 和 api 两个模块一一对应，从而方便维护。如下图：
阅读全文
摘要：当涉及到较复杂的解释我将通过标识的方式(如（1）)将解释写到单独的注释模块，请自行查看
阅读全文
摘要：Vuex 是什么？ 官方是这么说的：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 不懂？呵呵，没关系。我是这么认为的：Vuex 就是前端为了方便数据的操作而建立的一个” 前端数据库“。且听
阅读全文
