以前我们经常在react中使用jsx,现在我们在vue中也是用jsx,本文将总结一下,jsx在vue中是如何使用的。
一、安装babel插件
在之前我们需要安装@vue/babel-plugin-jsx,然后在babel.config.js中进行配置相关的文件内容。

module.exports = {
	plugins:[
		"@vue/babel-plugin-jsx"
	]
}

现在的vue脚手架内置这些插件,所以可以直接编写jsx代码。
二、jsx实现计数器案例
在这里插入图片描述
此时是不是有一点react那味了。
三、jsx中的组件插槽的使用

在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐