render (h) {
const component = (
<ul
role="menubar"
key={ +this.collapse }
style={{ backgroundColor: this.backgroundColor || '' }}
class={{
'el-menu--horizontal': this.mode === 'horizontal',
'el-menu--collapse': this.collapse,
"el-menu": true
}}
>
{ this.$slots.default }
</ul>
);
if (this.collapseTransition) {
return (
<el-menu-collapse-transition>
{ component }
</el-menu-collapse-transition>
);
} else {
return component;
}
}無聊去看了下elementUI的原始碼，發現個以前不清楚的括號()語法，比如上面的
component = ( **** ）
有點懵了 這個是字串？
uj5u.com熱心網友回復：
這不是合法的 javascript 語法；這種應該是 JSX 語法，一般這種檔案需要使用 babel 或者某類檔案的 loader 翻譯成正確的語法來的。
uj5u.com熱心網友回復：
js括號4種用法：1.提高優先級， (3+5)*2 不等于 3+5*2
2.作為其他語法的一部分,負責圈起來function(){} if() (function(){})()
3.函式的執行add()
4.也可以沒什么是圈起來，看著舒服(1,2,3,4,5,6)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/22006.html
標籤：JavaScript
上一篇：vuecli4中使用到了axios反向代理網上的介面 npm run build打包后 會報錯 api 404
下一篇：有沒有人一起弄個開源的wiki