江苏龙网

  1. 首页 > 人文 > >

【源码时代】用Vue和React构建相同应用程序，区别在哪？( 三 )


+
注意：@click 实际上是写 v-on:click 的简写 。 在 Vue 中 ， 我们可以将很多东西链接到事件监听器上 ， 例如.once 可以防止事件监听器被多次触发 。 在编写用于处理按键特定事件侦听器时 ， 还可以使用一些快捷方式 。 我发现 ， 在 React 中为添加待办事项按钮创建一个事件监听器需要花费更长的时间 。 而在 Vue 中 ， 我可以简单地写成：
如何将数据传给子组件？
React：
在 React 中 ， 当创建子组件时 ， 我们将 props 传给它 。
我们将 todo props 传给了 ToDoItem 组件 。 从现在开始 ， 我们可以在子组件中通过 this.props 引用它们 。 因此 ， 要访问 item.todo ， 我们只需调用 this.props.todo 。
Vue：
在 Vue 中 ， 当创建子组件时 ， 我们将 props 传给它 。
【【源码时代】用Vue和React构建相同应用程序，区别在哪？】然后 ， 我们将它们加入到子组件的 props 数组 ， 如：props:[‘id’,'todo'] 。 然后可以在子组件中通过名字来引用它们 ， 入'id'和'todo' 。


推荐阅读


上一篇：【zol中关村在线】新iPad Pro发布 网友：文案走“阴阳怪气”风

下一篇：新浪科技：特斯拉宣布美国两工厂临时停产