Vue 🍋
关注
分享
扫一扫
文章平均质量分 65
我是X大魔王
优秀的判断力来自经验，但经验来自于错误的判断。
记录学习过程，进步每一天。
展开
-
Vue使用自定义事件的表单输入组件，对输入的值保留x位，删除两侧空格键，输入数值格式化
小练习，小练习哈，直接上代码，上课上的太无聊了，来玩一玩vue来了~<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head原创 2022-03-29 17:44:35 · 1370 阅读 · 0 评论 -
Vue2 Slot插槽入门典例
文章目录开篇初识slot具名slot作用域slot访问slot内部信息开篇学习任何内容，再多的话都不如实践来的直接——🌼🌻🌼初识slot具名slot给<slot>元素指定一个name后可以分发多个内容，具名slot可以与单个slot共存<div id="app"> <child-component> <h2 slot="header">标题</h2> <p>正文内容</p>原创 2022-03-28 19:13:32 · 1876 阅读 · 0 评论 -
Vue2组件通信之非父子关系通信探讨分析一
文章目录开篇通过中间组件传递分析父链开篇这就接着昨天的内容再来玩一玩非父子关系！这里只谈论两种情况哈通过中间组件传递<div id="app"> {{message}} <component-a></component-a></div>var bus = new Vue();Vue.component('component-a', { template: '<button @click="handleEve原创 2022-03-26 22:42:34 · 1519 阅读 · 1 评论 -
Vue组件通信之父子组件通信探讨分析
进来学vue!了解组件通信首先要了解自定义事件，因为当子组件向父组件传递数据时，就要用到他1.1分类组件通信可以分为：父子组件通信、兄弟组件通信、跨级组件通信当子组件向夫父组件传递数据时就要用到，v-on除了监听DOM事件外，还可以用于组件的自定义事件子组件使用$emit()来触发事件，父组件用$on()来监听父组件也可以直接在子组件的自定义标签上使用v-on来监听子组件触发的自定义事件使用 $on(eventName) 监听事件使用 $emit(eventName) 触发事件1.原创 2022-03-25 23:03:06 · 1093 阅读 · 0 评论 -
vue关于元素复用问题举例分析
举个例子吧，一个非常简单的例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .原创 2022-03-17 18:47:51 · 217 阅读 · 0 评论 -
初学必懂—vue绑定class的几种方式+绑定内联样式总结
文章目录对象语法数组语法对象语法最常见的就是给v-bind:class设置一个对象，可以动态切换class：<div id="app"> <div :class = "{'active': isActive}">active生效</div></div><script> var app = new Vue({ el: '#app', data: { isActive:true原创 2022-03-17 17:30:18 · 3502 阅读 · 0 评论 -
解决思路总结[Vue warn]: Property or method “handleClose“ is not defined on the instance
今天学习vue遇到的一个错误，怎么说呢，这个错误还是挺常见的，所以做一个总结[Vue warn]: Property or method “handleClose” is not defined on the instance but referenced during render.字有点小，可以放大来看要处理这个问题的话，其实没那么容易，因为他的意思就是大概就是没找到定义，有个东西本来需要你去传递的，但他没找到这个东西，出错的可能性非常多，主要就是语法方面的问题，下面列一个排错思路：1、“死原创 2022-03-03 21:35:22 · 9113 阅读 · 0 评论 -
为什么在idea中router-link、router-view没有提示？
如果是在项目运行之后再安装vue-router，idea就不会有提示，如果在创建工程的时候就把组件安装好了,idea才会有提示！！🌼🌼🌼原创 2022-03-03 15:42:26 · 1380 阅读 · 2 评论