vue jsx 语法与 react jsx 还是有些不一样,在这里记录下。

let component = null// if 语句if (true) {
  component = (
    
  ); } else {   component = (     
  ); }var ul = (   
        {component}   
);// map 语句var coms = limit.map(i => {  return {     
  •       {ul}     
  •   }; })// 属性 console.log()}>// 自定义指令let directives = [{name: 'prod-img', value: params.row.skn, modifiers: {skn: true}} ];return (     
              // 属性展开     
    );// 自定义过滤器不建议使用,直接当函数使用 foo(something)// methodsthis.foo()// model (params.row.factoryCode = val)}   style={{width: '100%'}}> // 自定义事件  return (      // event 绑定       );//三元运算 
      

    {i == 1 ? 'True!' : 'False'}

        

    菜鸟教程

        {/*注释...*/}
    // html
    {{_html: '

    Hello World!!

    '}}
    // h函数写法return h('Input', {     props: {        value: params.row.buyingNums     },     on: {         input: val => {            params.row.buyingNums = val;         },        'on-blur': () => {            this.update(params);         }     } });// 所有的事件监听必须以on开头,然后字母大写// template// jsx this.click()}>