关于segmentfault-技术周刊:SegmentFault-思否技术周刊-你对-Vue-了解多少

34次阅读

共计 1780 个字符，预计需要花费 5 分钟才能阅读完成。

本期技术周刊专属 Vue，欢送大家浏览～

`文章举荐`

在 Vue 中为什么不举荐用 index 做 key

Vue 默认依照“就地更新”的策略来更新通过 v-for 渲染的元素列表。当数据项的程序扭转时，Vue 不会随之挪动 DOM 元素的程序，而是就地更新每个元素，确保它们在本来指定的索引地位上渲染。

默认模式是高效的，但只实用于列表渲染输入的后果不依赖子组件状态或者长期 DOM 状态 (例如表单输出值) 的状况。

Spring Security + Vue + Flowable 怎么玩？

玩过工作流的小伙伴应该都晓得，工作流中其实自带了一套用户零碎，然而咱们本人的零碎往往也有本人的用户体系，那么如何将两者交融起来呢？或者说是否有必要将两者交融起来呢？

如果你想将本人零碎的用户体系和 flowable 中的用户体系交融起来，那么整体上来说，大略就是两种方法吧 …

用 Vue.js 写一个命令行贪吃蛇游戏

本文要分享的是如何应用 Vue.js 实现一个命令行贪吃蛇游戏 (temir-snake-game)。对于贪吃蛇游戏想必大家都不生疏了，应用 Vue.js 实现一个 Web 版的贪吃蛇游戏仿佛没什么难度，那如果是命令行版的呢？是不是你会对它的实现原理感兴趣呢？让咱们开始吧！

Vue 树图组件封装

其实树图组件很好了解，就是通过递归本身调用本身来实现树图。再说明确一点，最好在头脑中有一个画面，更加便于了解和开发。

就是咱们先定义一个组件，在这个组件外面把第一个节点画进去

而后再这第一个节点上面进行递归调用本身组件。这样就能够实现像糖葫芦一样一串节点

但这只是一串，并不是树，所以还须要在这个根底上，画节点的中央加上循环的画节点。这样就成了树了。

总的来说先易后难，先把骨干了解分明，而后缓缓的往这个树干下面加树枝，这样一棵大树就画好了

elementui 源码学习之仿写一个 el-link

简而言之，el-link 组件就是给 a 标签包了一层，加上一些款式。故 link 组件除了领有 a 标签的性能，还须要有一些可能应用的款式成果。所以，咱们仿写这个组件标签的时候次要是温习一下传参的变量和款式的搭配，从而实现咱们须要的成果

应用 Vite 构建工具疾速创立 Vue 我的项目（Vue3.0 我的项目开发）

Vue 我的项目的长处就是组件化开发，将每个性能、或者是每个页面、容器分成各个组件，一方面是便于保护，另一方面是多人开发的时候也是能够提高效率。能够减少代码的复用性、可维护性和可测试性。进步开发效率，不便重复使用，简化调试步骤，晋升整个我的项目的可维护性，便于协同开发，是高内聚、低耦合代码的实际。

代码目录中的 components 目录就是组件的目录，在这里能够依据本人的我的项目去创立各个组件，间接在组件外面写 html 代码、以及调用 vue 的 api 去实现很多性能，例如 axios 网络申请，同时，组件内也能够写 css 款式。

Vue3 模板编译原理

Vue 的编译模块蕴含 4 个目录：
compiler-core
compiler-dom // 浏览器
compiler-sfc // 单文件组件
compiler-ssr // 服务端渲染 
其中 compiler-core 模块是 Vue 编译的外围模块，并且是平台无关的。而剩下的三个都是在 compiler-core 的根底上针对不同的平台作了适配解决。

Vue 的编译分为三个阶段，别离是：parse、transform、codegen。

其中 parse 阶段将模板字符串转化为语法形象树 AST。transform 阶段则是对 AST 进行了一些转换解决。codegen 阶段依据 AST 生成对应的 render 函数字符串。

`问答举荐`

Vue.config.js devServer 开发阶段和我的项目上线有什么区别？
Vue3 导出数据为 excel，fs 是被废除了吗？
Vue 中想定位触发 watch 的函数调用，怎么找？
Vue 如何触发 computed 更新？
Vue 渲染括号问题?
Vue 多个异步申请时的 token 生效？
Vue 程序明明赋值胜利但页面上的值没有变？
Vue 页面拿不到后端属性，报 Uncaught (in promise) TypeError 谬误？
Vue 应用 vuex 数据更新问题？