分类：jsx

2021
09-14

React-vscode使用jsx语法的问题及解决方法

问题描述安装了插件ES7React/Redux/GraphQL/React-Nativesnippets还是不能完全支持所以我参考了博客,得出了我的解法解决方法打开设置搜索includeLanguages搜索的结果如下(这个wxml是我之前设置的微信wxml作为html支持emmet语法)点击添加项javascript:javascriptreact填写这个项,就可以了,你会发现他在上面写出来了"javascript":“javascriptreact”,跟我参考的博客写法类似这样就大功告成啦~以上就是React-vscode使用jsx语法的... 继续阅读 >

2021
04-07

使用JSX 建立组件 Parser（解析器）开发的示例

这里我们一起从0开始搭建一个组件系统。首先通过上一篇《前端组件化基础知识》中知道，一个组件可以通过Markup和JavaScript访问的一个环境。所以我们的第一步就是建立一个可以使用markup的环境。这里我们会学习使用两种建立markup的风格。第一种是基于与React一样的JSX去建立我们组件的风格。第二种则是我们去建立基于类似Vue的这种，基于标记语言的Parser的一种风格。JSX环境搭建JSX在大家一般认知里面，它是... 继续阅读 >

2021
02-21

如何在 Vue 中使用 JSX

JSX是什么JSX是一种Javascript的语法扩展，JSX=Javascript+XML，即在Javascript里面写XML，因为JSX的这个特性，所以他即具备了Javascript的灵活性，同时又兼具html的语义化和直观性为什么要在Vue中使用JSX有时候，我们使用渲染函数（renderfunction）来抽象组件，渲染函数不是很清楚的参见官方文档,而渲染函数有时候写起来是非常痛苦的createElement('anchored-heading',{props:{level:1}},[crea... 继续阅读 >

2020
11-13

Vue 3.0中jsx语法的使用

Vue3.0正式发布了，喜大普奔😁。新的语法又要学习一阵阵，不过需要在生产环境下大面积使用，可能需要等到它的周边工具：vuex，vue-router等等全部升级完毕。Vue3.0中尤大使用的了新的编译工具vite，革了webpack的命😂。尝试看了下文档，发现支持jsx语法，由于这段时间都是在使用react来开发项目，jsx完全不同的体验，更加的纯粹与灵活。项目创建npminitvite-appvite-vuecdvite-vuenpminstallnpmr... 继续阅读 >

2020
09-25

vue+render+jsx实现可编辑动态多级表头table的实例代码

最近项目需要实现可编辑的动态多级表头表格，看了两天的文章，始终没有找到我想要的效果，在了解了render+jsx的基础用法后，自己基于element-ui封装了一个，数据格式参考element-uitable的数据。实现如下：1.scoresTable<script>importscoresColumnfrom"./scoresColumn";exportdefault{components:{scoresColumn},render:function(h){return<divclassName="table-control"><el-tab... 继续阅读 >