江苏龙网

  1. 首页 > 资讯 > 科技 > >

「」用Vue和React构建相同应用程序，区别在哪？( 三 )


只要用户按下了'enter'键 ， 这个函数就会触发 createNewToDoItem 函数 ， 如下所示：handleKeyPress = (e) => { if (e.key === ‘Enter’) { this.createNewToDoItem(); } };
Vue：
在 Vue 中 ， 要实现这个功能非常简单 。我们只需要使用 @符号和事件监听器的类型 。例如 ， 要添加 click 事件侦听器 ， 我们可以这样写：
+
注意：@click 实际上是写 v-on:click 的简写 。在 Vue 中 ， 我们可以将很多东西链接到事件监听器上 ， 例如.once 可以防止事件监听器被多次触发 。在编写用于处理按键特定事件侦听器时 ， 还可以使用一些快捷方式 。我发现 ， 在 React 中为添加待办事项按钮创建一个事件监听器需要花费更长的时间 。而在 Vue 中 ， 我可以简单地写成：
如何将数据传给子组件？
React：
在 React 中 ， 当创建子组件时 ， 我们将 props 传给它 。
我们将 todo props 传给了 ToDoItem 组件 。从现在开始 ， 我们可以在子组件中通过 this.props 引用它们 。因此 ， 要访问 item.todo ， 我们只需调用 this.props.todo 。
Vue：
在 Vue 中 ， 当创建子组件时 ， 我们将 props 传给它 。
然后 ， 我们将它们加入到子组件的 props 数组 ， 如：props:[‘id’,'todo'] 。然后可以在子组件中通过名字来引用它们 ， 入'id'和'todo' 。


推荐阅读


上一篇：「」watchOS 7 新功能全面曝光 分享表盘、视距仪

下一篇：【】老司机揭秘，互联网离钱最近的流量操盘手都要求会些什么？