![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 66
主要记录一些vue的个人笔记
英凛zzZ
无
展开
-
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 · 621 阅读 · 0 评论 -
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 · 10630 阅读 · 1 评论 -
Vue组件通信之父组件向子组件通信简单介绍与演示
Vue组件通信有父子组件之间得通信,这里我简单说下父组件向子组件进行通信的方式我们废话不多说,直接上干货1.父组件引入子组件// 引入子组件children.vue 命名为childrenimport children from 'children.vue';2.父组件注册子组件// 在组件实例对象中写入以下对象并对组件进行注册 components: { // children: children, // 变量名与变量值相同,可简写为以下 children,原创 2021-06-01 11:37:02 · 173 阅读 · 0 评论 -
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 · 42899 阅读 · 2 评论