vue使用jsx语法开发
2021-02-13 12:19
阅读：686
标签：模板 方便 nsf end 代码 语法 问题： app vue-cli 最近遇到这样一个问题：原本用vue-cli2创建的项目，需要用vue-cli3重构。入口文件声明实例时候，使用的是render模式，而不是模板template。 而在我们原有的项目中，一些封装的组件必须使用template这个字段。然后发现在vue-cli3给出使用template的警告。然而，切换为template模式之后，组件就不能用了。 而使用render替代template因为模板代码比较多，导致写起来非常麻烦。 庆幸的是，最后终于发现了jsx方案： 用jsx代替template，发现转换非常方便。 具体使用jsx的语法，可以参考babel-plugin-transform-vue-jsx插件。 总结一下：Vue写模板的方式有render、template和jsx。 vue使用jsx语法开发 标签：模板 方便 nsf end 代码 语法 问题： app vue-cli 原文地址：https://www.cnblogs.com/zhensg123/p/13020484.html
new Vue({
router,
render: h => h(App)
}).$mount(‘#app‘)
评论
亲，登录后才可以留言！