怎样在Vue中使用JSX

技术怎样在Vue中使用JSX怎样在Vue中使用JSX,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。JSX是什么JSX 是一种 Javascript 的语法扩

我相信很多没有经验的人对如何在Vue使用JSX无能为力。因此,本文总结了问题产生的原因及解决方法。希望你能通过这篇文章解决这个问题。

JSX是什么

JSX是Javascript的语法扩展,JSX=Javascript XML,也就是用Javascript写XML。由于JSX的这个特点,它既有Javascript的灵活性,同时又有语义和直观的html。(个人建议可以用JSX替代一些灵活性强的组件,整个项目JSX真的没有必要。)

XML学习地址(随意学或不学,学就可以了):https://www.w3school.com.cn/xml/index.asp.

使用模板的缺点:https://www.mk2048.com/blog/blog_h2c2c22ihihaa.html.

为什么要在 Vue 中使用 JSX

有时候我们用render函数来抽象组件,但是render函数并没有明确引用到官方文档,有时候render函数写起来很痛苦,只需要有一个理解。

渲染功能:https://cn.vuejs.org/v2/guide/render-function.html#基础。

createElement(

锚定标题',{ 0

props: {

级别:1

}

},[

createElement('span ',' Hello '),

“世界!”

]

)其对应的模板如下:

锚定-head : level=' 1 '

span你好/span世界!

/anchored-heading,你看写起来有多难,而JSX这个时候被派去打球了。在Vue中使用JSX需要使用巴贝尔插件,这可以让我们回到更接近模板的语法。

看完以上,你掌握了在Vue使用JSX的方法了吗?如果您想学习更多技能或了解更多相关内容,请关注行业资讯频道。感谢阅读!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/40191.html

(0)

相关推荐

  • 怎样进行JVM内存布局

    技术怎样进行JVM内存布局这篇文章给大家介绍怎样进行JVM内存布局,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。JVM内存:堆、方法区、虚拟机栈、本地方法栈、程序计数器堆和方法区线程共享,后面三个线

    攻略 2021年10月20日
  • 29是质数吗,总和等于29 答案是多少

    技术29是质数吗,总和等于29 答案是多少clear all;clc;
    k = 0;
    m = 0;
    A = zeros(1,30);
    for i = 1000 : 9999for j = 0 : 3k = k + mod

    生活 2021年10月27日
  • thinkphp怎么开启api(thinkphp命令行怎么设置)

    技术thinkphp大d方法怎么使用这篇文章主要介绍“thinkphp大d方法怎么使用”,在日常操作中,相信很多人在thinkphp大d方法怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家

    攻略 2021年12月16日
  • 脚背穴位,肾囊肿吃什么中药比较管用

    技术脚背穴位,肾囊肿吃什么中药比较管用我是医者良言脚背穴位,是一名住院医师,专为普及医学知识造福人类健康,若想了解更多,请关注我,有疑问可留言,必回应!肾囊肿吃什么中药比较好?其实肾囊肿的发病率不低,很多人是在做肝胆胰脾

    生活 2021年10月23日
  • macbookpro怎么保养屏幕(macbook 电脑屏幕怎么养护)

    技术怎么保养macbook的屏幕这篇文章给大家分享的是有关怎么保养macbook的屏幕的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。在电子市场,苹果产品可以说受到更多人的追捧和喜爱。与iPho

    攻略 2021年12月24日
  • php数据类型的永久转换函数是哪个

    技术php数据类型的永久转换函数是哪个本篇内容主要讲解“php数据类型的永久转换函数是哪个”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“php数据类型的永久转换函数是哪个”吧

    攻略 2021年12月13日