随笔分类 - vue
摘要：一、起因 template 的写法不太灵活，数据和模版都放在一起，不能拼接； 如果拆太碎，每个碎片组件都得写一堆 props/emit 才能确保通信的完整性，太麻烦; 如果写在一个文件中，模版上的判断逻辑 (v-if) 又得一堆； 二、codes 碎片组件 1: <script lang="jsx"
阅读全文
摘要：reactive.js: import { isObject } from "../utils"; import { track, trigger } from "./effect"; export function reactive(target) { // 判断 target 类型 // 如果是
阅读全文
摘要：零、序言 这篇随笔是关于 vue slot 的用法随笔，挺简单的，便于用作后面复习的材料。 当初看文档的时候没怎么看得明白，随后工作中自己开始封装组件又很少用得到，所以这块基本上属于一个盲区。最近在尝试写 vue-jsx，el-table 中频频需要用到，所以就翻了翻资料写了点 demo。 一、插槽
阅读全文
摘要：零、序言 6 月的时候冒出了用 jsx 的来写 vue 项目的念头，以回忆回忆放下好长一段时间的 jsx，奈何项目时间卡得很紧，一些简单的页面的还可以写写，遇到一些资料少的问题时就很头疼，所以复杂页面仍然采用 <template /> 的形式写了过去。7 月时间没那么紧张，于是就把原来的一个中等复杂
阅读全文
摘要：零、资料 elementUI el-tree 源码，详情移步官网和 github。 一、引言 手头需要开发权限结构，首先想起的就是 el-tree，但是最终的表现的样式和 el-tree 完全不一样，因此想着先看一看大佬们是怎样封装这种复杂类型的组件的，顺便复习下树结构(伪)，于是有了本篇的阅读笔记
阅读全文
摘要：零、资料和其他 1. 实现一个基础的 Vue 双向绑定 一、从 new 开始 const app = new Vue({ el: '#app', data: { name: 'fish chan' }, }) 通过这段代码，我们可以获取到一个 vue 实例对象，开启我们的 vue 编程，那么简单的
阅读全文
摘要：零、前言 最近参与了一个立足 seo 的移动端项目，公司前端工程主栈 vue，所以理所当然的用上了 nuxt，UI 主要选择了 Vant。 一、公共列表页的缓存 公共列表页由于数据量较大，故需要滚动触发分次加载以模拟分页，当客户端加载到了一定页数之后(>= 2)，点击某条数据进去查看详情，然后返回列
阅读全文
摘要：原文：仿 ElmentUI 实现一个 Form 表单 一、目标 ElementUI 中 Form 组件主要有以下 功能 / 模块： Form FormItem Input 表单验证 在这套组件中，有 3 层嵌套，这里面使用的是 slot 插槽，我们在接下来的代码中也需要运用到它。 二、组件设计 e-
阅读全文
摘要：参考资料： 1. vue 自定义指令； 2. vue 自定义指令实现 v-loading； v-loading，是 element-ui 组件库中的一个用于数据加载过程中的过渡动画指令，项目中也很少需要自己去写自定以指令。碰巧这段时间自己练习了编写组件，完成看看能不能实现一个自定义的这样一个指令。话
阅读全文
摘要：v-bind 中使用函数 如上面的例子，通常 num 是 vue 实例中 data 的值，或者是 computed 对象中的值，我们可以在具体函数中计算，改变相应的变量，以达到更改效果。 但是，在组件中，data 和 computed 中的变量都是（组件内）全局共享，某一处改变，其他依赖这个数据的地
阅读全文
摘要：组件中箭头函数的使用 不要使用箭头来定义任意生命周期钩子函数； 不要使用箭头来定义一个 methods 函数； 不要使用箭头来定义 computed 里的函数； 不要使用箭头定义 watch 里的函数； 不要对 data 属性/函数 使用箭头； 上面的函数中使用箭头，会导致 this 捕获不到 Vu
阅读全文
摘要：封装二： http.js localstorageHelper.js
阅读全文
摘要：前言： 在大概学完 vue 整体框架后，有幸接触到花裤衩大神写的 vue-elementUI-admin 模板框架，把这个模板框架当作 demo，跟着 code 一遍，最大的收获是在以逻辑简单的模板熟悉了一个项目的 code 流程，其中对页面的分割、组件间的通信、路由的设置、vuex和请求的结合以及
阅读全文
摘要：序言： 1. vue 单组件的生命周期； 2. vue 父子组件的生命周期； 3. axios 异步请求 与 vue 的组件周期； 一、vue 每个组件的生命周期 关于每个组件的生命周期，官方文档里也提供了，网上也能搜到各路大神们的相关文章，这里不赘述，贴一个网址以及简单总结。 Vue的生命周期 -
阅读全文
