vue jsx 使用指南及vue.js 使用jsx语法的方法

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)
// methods
this.foo()
// model
 (params.row.factoryCode = val)}
 style={{width: '100%'}}>

// 自定义事件
 return (
   // event 绑定
   
);
//三元运算 

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