前端之家收集整理的这篇文章主要介绍了
vue jsx 使用指南及vue.js 使用jsx语法的方法,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
vue jsx 语法与 react jsx 还是有些不一样,在这里记录下。
);
} else {
component = (
);
}
var ul = (
);
// 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'}
菜鸟教程
{/*注释...*/}
写法
return h('Input',{
props: {
value: params.row.buyingNums
},on: {
input: val => {
params.row.buyingNums = val;
},'on-blur': () => {
this.update(params);
}
}
});
// 所有的事件监听必须以on开头,然后字母大写
// template