- 博客(4)
- 收藏
- 关注
RSS订阅原创 Vue3笔记_组件的v-model
组件的v-model的使用 我们都知道，在vue中我们可以通过v-model双向绑定到input表单，作用是能够实现数据的双向绑定，即input的value值和绑定的数据实现互相同步。在vue3中，v-model得到了更进一步的增强，它可以应用在组件中了。那么下面我首先将介绍v-model在正常应用和组件应用中的一些区别和他实际上做了哪些操作v-model在正常应用中的实际操作 我们都知道，在vue中给input绑定v-model时 <input type="text" v-model=
2021-10-12 16:00:57
768
原创 Vue3笔记_mitt库(事件总线)
mitt库在vue3中的使用Vue3移除了$on $off等自带的自定义事件相关方法，因此在vue3中他推荐我们下载mitt库来使用事件总线传递数据，其实mitt的使用方式和vue原本的自定义事件使用方式相同，所以我们不必担心学习成本！安装mitt库npm i mitt使用mitt库可以在单独的文件暴露出事件总线对象// mitt库默认导出的是一个函数，我们需要执行它从而得到事件总线的对象/* eventbus.js */// 这里我们在js中暴露这个事件总线对象import mit
2021-10-11 00:52:57
10885
1
原创 Vue组件通信之父组件向子组件通信简单介绍与演示
Vue组件通信有父子组件之间得通信，这里我简单说下父组件向子组件进行通信的方式我们废话不多说，直接上干货1.父组件引入子组件// 引入子组件children.vue 命名为childrenimport children from 'children.vue';2.父组件注册子组件// 在组件实例对象中写入以下对象并对组件进行注册 components: { // children: children, // 变量名与变量值相同，可简写为以下 children,
2021-06-01 11:37:02
211
原创 Vue中的v-bind指令基本用法和介绍
Vue中的v-bind指令基本用法和介绍v-bind指令主要用于响应式的更新html属性一般我们要想在元素节点的属性上绑定vue的data数据是不可以直接使用{{ }}插入值语法来使用<h1 title="{{tit}}">Hello World</h1><!-- 以下假设是我们定义的data对象 拥有一个data数据tit 如果我们使用插值的形式 那么实际页面提示的title信息是{{tit}} 而不是this is title--&
2021-05-25 12:19:25
51047
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人