vue
文章平均质量分 64
js_dev
这个作者很懒,什么都没留下…
展开
-
v-model原理和实现
v-model原理和实现 本文适用于已经了解Vue的基本使用,想进一步掌握原理、提高实践能力的code enthusiasts,需要具备v-bind、v-on、v-model、组件通信等基础知识。 双向绑定的原理 <input type="text" v-model='name'> v-model是将表单的value置为name(第一次绑定,value=name),当表单的value改变时name也同步改变(第二次绑定,name=value),这就是双向绑定。看到这是不是想到了两个熟悉的指令原创 2021-03-23 22:13:44 · 1412 阅读 · 0 评论 -
Vue组件之间数据传递
Vue组件之间数据传递 父子组件之间数据传递 Vue中父组件通过props向子组件传递数据,子组件通过自定义事件向父组件传递数据。需要注意的是,Vue遵循单向数据流:子组件不能直接修改从父组件接收的值,可以作为本地变量保存下来以后修改这个变量,如下面的number。 <div id="app"> <counter :count='0' @change='handleChange'>num1:</counter> <counter :count='原创 2021-03-03 20:56:16 · 131 阅读 · 2 评论 -
Vue自定义事件和原生事件
自定义事件和原生事件 自定义事件:子组件在父组件中使用时,直接绑定在子组件上的事件就是自定义事件,必须经过子组件的触发才能执行 原生事件:直接在子组件里的模板上绑定的事件,子组件引入后是可以直接使用的 怎么在父组件的子组件里直接绑定原生事件,不用子组件的再次触发呢? 直接在绑定的自定义事件后加上修饰符.native 使用emit触发父组件事件 <div id="root"> <child @click = 'handleClick'></child&g原创 2021-03-03 19:32:43 · 2632 阅读 · 2 评论