关于vue.js:vue-文档-jsx-和-slot-content

48次阅读

共计 361 个字符,预计需要花费 1 分钟才能阅读完成。

vue 文档, jsx 和 slot content

应该如何看 vue 文档? 就像 jquery 那么看

jsx 是什么?jsx 是 react 创造用于 js 和 html 混写的语法,jsx map 可编程局部 1

function NumberList(props) {
  const numbers = props.numbers;
  return (
    <ul>
      {numbers.map((number) =>
        <ListItem key={number.toString()}
                  value={number} />
      )}
    </ul>
  );
}

(待续)

vue slot content 是什么?就是上文中 {numbers.map(…)} 中括号里的局部

<template>
  <ul>
  ... // 这里须要依据 numbers 循环打印子组件,那么就能够用 vue slot content 
  </ul>
</template> 

正文完
 0