网站上传模板后,ui设计界面配色,企业网站模板文件管理,上海公司注册代理公司通常开发vue我们使用的是模板语法#xff0c;其实还有和react相同的语法#xff0c;那就是render函数#xff0c;同样支持jsx语法。 Vue 的模板实际是编译成了 render 函数。 0 传统的createElement方法 createElement(anchored-heading, {props: {level: 1}}, [createEleme…通常开发vue我们使用的是模板语法其实还有和react相同的语法那就是render函数同样支持jsx语法。 Vue 的模板实际是编译成了 render 函数。 0 传统的createElement方法 createElement(anchored-heading, {props: {level: 1}}, [createElement(span, Hello), world!]
)渲染成下面这样 anchored-heading :level1 spanHello/span world! /anchored-heading 1 使用jsx语法 安装下面的东东 这就是会有一个 Babel plugin 插件用于在 Vue 中使用 JSX 语法的原因它可以让我们回到于更接近模板的语法上。 https://github.com/vuejs/babel-plugin-transform-vue-jsx npm install\babel-plugin-syntax-jsx\babel-plugin-transform-vue-jsx\babel-helper-vue-jsx-merge-props\babel-preset-es2015\--save-dev 然后编辑.babelrc文件 { presets: [es2015], plugins: [transform-vue-jsx]} 必须要像这样写 Vue.component(jsx-example, {render (h) { // -- h must be in scopereturn div idfoobar/div}
}) 转载于:https://www.cnblogs.com/bhaltair/p/6648946.html
