本文首发：《最好用的 7 个 Vue Tree select 树形组件 - 卡拉云》
projectName换为你想要的名字。这里我建立的项目名为 ex1 然后一直按确认或输入y按确认，等待项目初始化，如下图
递归组件常用于在blog上显示注释、嵌套的菜单，或者基本上是父和子相同的类型，尽管具体内容不同。例如:
上一篇我们讲了 render 函数，而 Vue 为了更新时速度快一些，加入了一个 staticRender
Tree shaking 是一种通过清除多余代码方式来优化项目打包体积的技术，专业术语叫 Dead code elimination
tree 命令显示当前文件夹的目录结构，这是一个非常有用的命令，可以帮我们迅速了解当前目录的结构。
自己写的vue组件怎么才能让其他人引用呢，或者是共用组件如何让其他项目引用。本文就粗细的介绍下，如有疑问欢迎共同讨论。在这里你能了解下如下知识点： 1. 如何发布一个包到npmjs仓库上 2.如何引用一个npm包，尤其是本地引用 3.vue组件的两种引用方案 一、发布一个包到npm的步骤 在npmjs.org上注册一个账号 然后进入命令提示窗口输入： npm adduser: 进入添加用户 Username your name: 设置用户名 Password your password: 设置密码 Emai
element：http://element-cn.eleme.io/#/zh-CN/component/table
有关即将发布的 Vue.js 的第 3 个主要版本的信息越来越多。通过下面的讨论，虽然还不能完全确定其所有内容，但是我们可以放心地认为，它将是对当前版本（已经非常出色）的巨大改进。Vue 团队在改进框架 API 方面做得非常出色。尤雨溪将 Vue 3 的目标描述为：
上一篇写了一下tab，下面整理一下用过的知识点，本想按照官网的文档，整理一下可以更清晰，结果也许是我的方法不对吧，总之更模糊了。
VUE 3.0优势 Performance (比 vue2 runtime快了2倍) Tree shaking（按需编译代码） Ts support （更优秀的Ts支持） Composition AP
Vue3带来了许多性能优化和效率提升的特性。本文将重点讨论Vue3在静态提升、预字符串化、缓存事件处理函数、Block Tree和PatchFlag方面的改进。我们将通过对比Vue2和Vue3的编译结果来说明这些方面的效率提升。
那么如何能够方便实现上面功能呢？这种场景就适合使用 Feature Flags，在构建过程中，通过开关的启用和关闭，对构建代码的过程进行动态设置，从而更好的实现 Tree Shaking。
译文：http://caibaojian.com/vue3-faster.html
Vue 团队非常擅长改进框架 API。Evan You 总结了 Vue 3 的几大改进目标：
http1.1下面分割的chunk也不宜太多，因为在同一个域下面的资源并发下载的资源数量是有限的，比如chrome大约是6个资源同时下载，这6个资源中必须要有某个资源下载完毕后才会下载其他资源，但也不一定非要少于6个，因为某些资源可能直接读取内存，某些资源可以通过cdn从别的域中读取。
我非常重视性能，所以在探索具体的 API 之前我想谈一谈 Vue 3 的性能。可讲的东西是很多的！几乎每个角落都能找到明显的改进！
使用ElementUI已经有一段时间了，在一边上手开发后台管理系统的同事，也记录了一些笔记，一直都没有时间将这些零零散散的笔记总结起来，整理成一个比较系统详细一点的教程，可以留着以后来看。
当下公司在做一个媒体门户网站,后台由另一家公司使用java开发并提供接口,本人负责开发后台页面,使用的是vue-element-admin开发 下面说一下问题场景,在开发过程中有一个后台管理员角色页面,其中包含一个表单dialog,在其中使用了el-tree组件,相关 代码结构如下: <el-button class="filter-item" style="margin-left: 10px;" v-waves @click="hand08
最近州的先生开始着手开发 MrDoc 配套的移动端应用，初步选择了 uniapp 作为开发框架。
有时候我们不知道如何去写更好的脚本，如何做功能组件之间的解耦，如何去学习更好的、更优质架构的代码，如何进行组件的提取，当我们到抓耳挠腮、苦思冥想的时候，回过头来看看我们常用的经典的框架的实现过程。
vue项目中 不少场景会遇到外部链接的情况 vue-router官方 提供了扩展RouterLink 的方式 封装成一个组件 AppLink.vue. 但是这种扩展方案 存在以下问题
前文 我们需要做一个树形组件用来展示一些无限子级的数据时就要用到vue提供的递归组件 首页了解一下 vue 中 name属性 为什么 export 有name这个属性 name 类型：string 限制：只有作为组件选项时起作用。 详细： 允许组件模板递归地调用自身。 注意，组件在全局用 Vue.component() 注册时，全局 ID 自动作为组件的 name。 指定 name 选项的另一个好处是便于调试。有名字的组件有更友好的警告信息。另外，当在有 vue-devtools，未命名组
所谓的无限极分类是啥？其实简单点说就是一个人类可以繁衍出多个后代，然后一个后代又可以分另外多个后代这样无限繁衍下去（可以想象神奇动物在哪里2里面莱斯特兰奇的家族族谱），就好象linux系统你可以新建一个文件夹，然后在这个文件夹里又可以建一些个文件夹，在文件夹底下还可以建一些文件夹一样，随后使用tree命令就可以查看文件夹目录层级。
框架设计远没有大家想的那么简单，并不是说只把功能开发完成，能用就算完事儿了，这里面还是有很多学问的。比如说，我们的框架应该给用户提供哪些构建产物？产物的模块格式如何？当用户没有以预期的方式使用框架时是否应该打印合适的警告信息从而提升更好的开发体验，让用户快速定位问题？开发版本的构建和生产版本的构建有何区别？热跟新（HMR：Hot Module Replacement）需要框架层面的支持才行，我们是否也应该考虑？再有就是当你的框架提供了多个功能，如果用户只需要其中几个功能，那么用户是否可以选择关闭其他功能从而减少资源的打包体积？所有以上这些问题我们都会在本节内容进行讨论。
本文介绍了在WebAssembly中利用async/await实现异步编程的方法，通过WebAssembly编译器将异步代码编译成同步代码，并利用WebAssembly的运行时特性实现异步调用，从而在浏览器中实现类似于Node.js的异步编程体验。同时，针对目前主流的前端框架和库，如Vue.js、React等，也介绍了相应的实现方法。
当前国内小程序平台众多，微信小程序、支付宝小程序、头条小程序、以及未来还会出现的新小程序平台，所以为了解决一套代码可以在多个小程序平台上运行，出现了多种方案来解决，京东的 Taro、蚂蚁的 Remax、微信的 Kbone，各有特点，主要归为两种类型，编译时与运行时适配两种。
最近 OpenAI 犹如开挂一般，上周才刚刚推出GPT-3.5-Turbo API，今天凌晨再次祭出GPT-4这个目前最先进的多模态预训练大模型。与上一代GPT3.5相比，GPT-4最大的飞跃是增加了识图能力，并且回答准确性也得到显著提高。GPT-4在多个专业和学术基准测试中展现出令人印象深刻的表现，有时甚至达到了人类水平。GPT-4 的关键特性之一是它能够理解和分析视觉和文本信息。通过结合这些模式，该模型能够对各种任务生成更准确、更细致的回答，例如图像说明或问题回答。此外，GPT-4 能够从大量数据中学习，并适应不同的上下文，使其成为自然语言处理、计算机视觉和机器学习等许多领域中非常有价值的工具。
粒子，修改自cascader： <html> <head> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-plus/dist/index.css" /> <script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
Vue.js 从 1.x 到 2.0 版本，最大的升级就是引入了虚拟 DOM 的概念。
Vue 是目前前沿开发中最热门的框架之一，到2019年每周的下载率翻了一番。2020 年初 Vue3的发布还会增加它的受欢迎程度。
vue-element-admin一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。
前言 人生是个积累的过程，你总会有摔倒，即使跌倒了，你也要懂得抓一把沙子在手里。—— 丁磊 码过的每一个需求、踩过的每一个坑、修过的每一个 bug 、学过的每一个知识以及看过的每一篇文章都不会成为无
翻译：疯狂的技术宅 作者：David Desmaisons 来源：alligator
最近实习中参与了H5项目向小程序迁移的工作，在微信官方文档和一些帖子上学习了小程序运行机制和底层原理，以及与Web页面的区别，在此基础上又看了一些关于小程序同构方案的内容。以下是我个人的一些学习总结。本文内容参考
借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的
attrs还可与listeners搭配使用，listeners包含了父组件传递的事件（不包含.native修饰器）,它可以通过v-on="
按需加载是所有组件库都会提供的一个基础能力，本文会分析ElementUI、Vant及varlet几个组件库的实现并进行相应实践，帮助你彻底搞懂其实现原理。
为了减小项目打包体积，提高项目性能，对Element UI组件进行按需引入，但是在实际实践过程中遇到了比较有意思的问题，官方写的demo然而并不能行的通，有开发者在Issues提问，然后官方并没有给予解决，而开发者用另一种方式实现了。
Rollup 和 Webpack 是目前项目中使用较为广泛的两种打包工具，去年发布的 Vite 中打包所依赖的也是 Rollup；在对界面加载效率要求越来越高的今天，打包工具最终产出的包体积也影响着开发人员对工具的选择，所以对 Tree-shaking 的支持程度和配置的便捷性、有效性就尤为重要了。本文就来简单分析下两者 Tree-shaking 的流程和效果差异。
学以致用嘛，学了这么多，在真实项目里面怎么应用呢？带着问题去学习才是最快的学习方式。还是以前的那个项目，前后端分离，现在把前端换成vue的，暂时采用脚本化的方式，然后在尝试工程化的方式。
Ant-Design-Vue升级到2.x以上的版本之后，自带的图标库就不支持通过给组件传递一个代表指定图标的属性来使用了。
<script setup> 只要在script开启setup语法糖模式 单文件组件会自动根据文件名生成对应的 name 选项 例如 Tree.vue 那他的name 就是 Tree 自动生成，这样做有一个弊端如果想修改name需要修改组件名称如果有地方import 该组件需要一并修改。
本文要实现的功能比较简单：1、将想要共享的文件分文件夹的组织起来；2、别人可以通过界面进行搜索；3、可以在线预览或下载文件。基于这样的需求，本文分享通过node如何实现这样的功能。
Vue2通过Object.defineProperty实现了经典的双向数据绑定机制💡：
通过在标签上设置ref属性，然后在Vue实例方法中可以通过$refs拿到这些标签，如：
vue3 出来之后，不管是什么样的公司，不管是想体验新技术也好还是跟风也好（个人觉得跟风比重更大），只要是新开项目大都会选择 vue3，紧随而来的 vue3 和 vue2 的区别肯定是要了解。
Vue 3 就是继承了 Vue 2 具有的响应式、虚拟 DOM，组件化等优点的同时，解决了历史包袱。从以下7个方面来看下Vue3的新特性。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
