用jsx写vue组件--技术头条 -- 微博大V帮你宣传技术博文开发者头条码农头条

【简介】

我们平常写vue的组件时，一般都是用的是模版，这种方式看起来比较简洁，而且vue作者也推荐使用这个方式，但是这种方式也有一些它的弊端，例如模版调试麻烦，或者在一些场景下模版描述可能没那么简单和方便。

下面我们要讲的是如何在vue里面写jsx，知道react的人应该都知道jsx，jsx的一个特性就是非常灵活，虽然有的人觉得jsx很丑陋，把逻辑都写到模版的感觉，但萝卜青菜各有所爱，适合自己适合团队的就是最好的。

点击查看原文 >>

由 @技术头条 2017-09-01 00:04 / 原作者微博：@AlloyTeam / 0个评论

赞过的人： @技术头条

NextJS/React 加载远程组件 (innei.in)

写过文档的大佬们都知道 MDX 这个东西，对原本的 Markdown 进行了扩展，可以在 Markdown 中直接使用框架组件（React，Vue 等等）。
现在也有很多静态生成的博客使用 MDX 去编写博文，在博文中内嵌了 React 组件，在一些需要交互式的场景中，在传统的 Markdown 只能展示内容，而使用了组件就可以把死的文字变活。
MDX 的原理是在项目构建时，解析 Markdown 抽象语法树，把引入的组件进行了编译，然后嵌入到了文章内部。
而使用 MDX，就必须要引入编译时。而对于 CMS 类型的博客网站，因为内容都是动态生成的，就无法使用 MDX。
那么有没有办法去想一个歪路子去实现呢。

by @技术头条 2024-03-13 13:21 查看详情

如何应对开源组件⻛险？软件成分安全分析（SCA）能力的建设与演进 (tech.meituan.com)

随着 DevSecOps 概念的推广，以及云原生安全概念的快速普及，研发安全和操作环境安全现在已经变成了近几年非常热的词汇。目前，在系统研发的过程中，开源组件引入的比例越来越高，所以在开源软件治理层面安全部门需要投入更多的精力。但由于早期技术债的问题，很多企业内部在整个研发流程中对使用了哪些开源组件、这些开源组件可能存在哪些严重的安全隐患等相关的问题，几乎是没有任何能力去进行收敛，多年前的 SCA（Software Composition Analysis 软件成分分析）技术又重出江湖，变成该领域⻛险治理的一个“神器”。本文主要探讨如何利用 SCA 技术实现对开源组件⻛险治理相关能力的建设与落地，希望给大家以启发或者帮助。

by @技术头条 2022-08-31 23:14 查看详情

Vue实现数组四级联动 (mp.weixin.qq.com)

最近项目上有个需求就是做下拉列表的四级联动，使用的是vuejs + elementui，使用数组存储对象的形式做为列表渲染到页面上的数据，但是在下拉列表联动的时候发现几个问题，现在记录下解决办法，分享给大家。

by @code小生 2022-08-14 09:26 查看详情

SpringCloud架构的各个组件的原理分析 (mp.weixin.qq.com)

原理讲解前，先看一个最经典的业务场景，如开发一个电商网站，要实现支付订单的功能，流程如下：

by @code小生 2022-08-07 09:40 查看详情

Vue项目打包部署总结 (mp.weixin.qq.com)

使用Vue做前后端分离项目时，通常前端是单独部署，用户访问的也是前端项目地址，因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了。

by @code小生 2022-08-07 09:40 查看详情

SpringBoot四大核心组件，你知道几个？ (mp.weixin.qq.com)

先透露一下，四大组件分别是：starter， autoconfigure, CLI 以及actuator。下面我们就来详细介绍一些他们有什么用。

by @code小生 2022-08-01 10:09 查看详情

层次组件的问题 (blog.codingnow.com)

最近思考了 ECS 框架中的一些问题。

具体业务中，有许多组件的构成非常复杂，本质上数据是有层次结构的。用一个二维表的结构很难清晰表述。它还牵扯到另一个问题：是否需要支持一个实体有多个统一类型的组件。例如，玩家实体身上多个装备栏、多个技能 Buf 该如何表达？

by @技术头条 2022-06-19 19:22 查看详情

一名Vue程序员总结的React基础 (mp.weixin.qq.com)

我已经把这张图印在脑子里面了，没事就自己画画，中间发散一些自己的思考。u1s1，不知道 react 的生命周期命名为什么要怎么长~~~，小程序，vue 的都比较短。毕竟使用的频率还是很高的，Hooks 除外。

by @code小生 2022-04-05 22:04 查看详情

Vue3.0七大亮点是什么？？ (mp.weixin.qq.com)

在vue2中，虚拟dom是全量比较的。

在vue3中，增加了静态标记PatchFlag。在创建vnode的时候，会根据vnode的内容是否可以变化，为其添加静态标记PatchFlag。diff的时候，只会比较有PatchFlag的节点。PatchFlag是有类型的，比如一个可变化文本节点，会将其添加PatchFlag枚举值为TEXT的静态标记。这样在diff的时候，只需比对文本内容。需要比对的内容更少了。PatchFlag还有动态class、动态style、动态属性、动态key属性等枚举值。

by @code小生 2022-02-20 19:58 查看详情

从实际项目出发，告诉你vue3到底香不香 (mp.weixin.qq.com)

近期在研发一套物联网设备管理系统，其主要用途是将公司旗下所负责智能园区中的硬件设备通过物联网云平台来进行综合管控。

由于这个产品是实验性项目，没有合同，没有明确收益。所以能够拿到的资源非常少。

by @code小生 2022-02-13 22:20 查看详情