Vue
玛卡巴咖
程序猿蚂搂啊
展开
-
关于启动诺依项目时的sass-node与sass问题
那就是版本匹配问题,困扰了半天,最后修改如下成功了!原创 2023-12-24 20:49:12 · 468 阅读 · 0 评论 -
诺依集成mybatis换成mybatis-plus(完美解决)
诺依集成mybatis换成mybatis-plus(完美解决)原创 2023-02-03 15:35:51 · 5910 阅读 · 4 评论 -
Vue实现底部流浪动画动态效果
Vue实现底部流浪动画动态效果原创 2023-01-12 20:54:38 · 258 阅读 · 0 评论 -
Vue3引入Lottie动画以及遇到的坑
Vue3引入Lottie动画以及遇到的坑,以及分享GitHub我认为不错的大佬组件原创 2022-12-20 16:51:36 · 1591 阅读 · 0 评论 -
Vue实现前后端联调时始终包错,数据接收不到,爆红数据类型转换问题
前后端联调时说数据类型转换问题的解决方案。。原创 2022-09-21 18:22:57 · 242 阅读 · 0 评论 -
Springboot集成阿里云对象存储oss-前端-后端完整实现
需要配置阿里云的相关配置,找到application.properties文件,这里需要配置个人的。再次说明:外网访问连接在阿里云控制台->对象存储->Bucket列表->概念->2.点击套餐买个流量包,5元半年40g,还挺便宜。3.在项目中创建实例类,不要忘了存入容器中,最后就是前端调用链接实现了,我用的是vue。4.点开bucket创建,我已经创建好了。6.点击个人头像创建每个人自己的key。1.注册阿里云并购买套餐流量包。4.业务层实现文件上传与删除。5.需要复制每个人的。要和配置类得字段名一致。原创 2022-09-08 21:30:25 · 1228 阅读 · 0 评论 -
Vue设置了路由跳转后页面还是空白解决办法
1.已经设置路由跳转了也是空白是因为没在app.vue里加入。app.vue中即可。原创 2022-08-26 16:34:59 · 3650 阅读 · 0 评论 -
Vue中实现Axios安装
3.在main.js中引入request.js。1.在vue的根项目中安装axios,执行命令。2.在vue中引入js文件。原创 2022-08-17 16:20:58 · 7444 阅读 · 0 评论 -
Vue-编程式路由导航-路由守卫
代码】Vue-编程式路由导航-路由守卫。原创 2022-08-13 17:49:54 · 240 阅读 · 0 评论 -
Vue-路由(vue2,vue3)的使用-嵌套路由-路由传参-命名
2.通过路由放入的组件叫做路由组件(放在pages中),通过平常组件放入称为一般组件(放在compents中)3.2:创建路由路径并且生成index.js文件。2.1:npm i vue-router (插件)1.路由:一组key和value的组合。3.4:指定组件呈现位置。1.不用的组件都被销毁。...原创 2022-08-13 12:06:12 · 526 阅读 · 0 评论 -
Vue-Vuex
1.vuex:适用于任意组件间的共享数据。3.2创建store。原创 2022-08-13 09:06:18 · 192 阅读 · 0 评论 -
Vue-过度与动画
v-enter-active{}:设置进入样式的名称 .v-leave-active{}:离开。组件注意:/*linear:匀速 */ apper:打开就执行动画效果。3.将这行代码放入的name属性中。后面通过库的官网复制到离开与出现的name属性中。1.动画实现: 自动播放样式。如果添加name属性:需要把样式前面的v改成name。4.新加两个属性:一个进入一个退出。(需要梯子,可以steam++)...原创 2022-08-12 16:25:13 · 46 阅读 · 0 评论 -
Vue-全局事件总线-消息订阅与发布(pubsub.js)
publish:发布,subscribe:订阅。2.2:订阅消息:a:组件名称,b:接受的参数。2.在父组件中对bus绑定事件,接受数据。1.在main.js中配置bus组件。3.在孙组件中触发组件。在Vue的原型对象上配置全局组件。1.总线:任意组件的通信。pubsub.js 库。......原创 2022-08-12 11:05:59 · 120 阅读 · 0 评论 -
Vue-组件自定义事件-绑定-解绑
第一种:通过函数式,在夫中给子标签传入一个函数式,并在父的methods中创建,然后在子函数中接受,并再创建methods在子中调用。在app.vue给子标签绑定事件(v-on:自定义名称),然后在子组件中通过函数调用。:this.$off(【】) (适用于解绑多个) / this.$off() 所有全部解绑。this.refs.组件名称.$on('自定义事件',回调函数)第三种:通过ref属性绑定,然后在钩子函数中调用(更加灵活)this.$off('自定义名称')...原创 2022-08-12 09:46:10 · 1454 阅读 · 0 评论 -
Vue学习记录001-hello.vue与模板语法
hello.vue与模板语法原创 2022-08-07 19:38:24 · 118 阅读 · 0 评论 -
Vue学习002-数据绑定-el与data的两种写法-mvvm模型
数据绑定-el与data的两种写法-mvvm模型原创 2022-08-08 21:50:00 · 228 阅读 · 0 评论 -
Vue学习之-数据代理-Object.defineProperty
数据代理-Object.defineProperty原创 2022-08-08 22:53:40 · 200 阅读 · 0 评论 -
Vue学习之-事件处理-事件修饰符-键盘事件
事件处理-事件修饰符-键盘事件原创 2022-08-09 16:34:16 · 229 阅读 · 0 评论 -
Vue之-计算属性(姓名案例)与监视/侦听(天气案例)
大家都知道,Vue项目中对数据的监听,提供了一个很好的钩子watch,watch可以极其方便的监听我们常用数据类型值的变化,但通常当我们想监听一个对象中,某个属性值的变化时,很难达到我们预期的效果。那么如何实现对象属性的深度监听呢。天气案例的监视属性:当监视属性变化时,监视属性自动调用。监视的属性必须存在,才能进行监视。的属性改变时,回调函数自动调用,进行相关操作。中,它的值是配置对象——即属性名。要用这个属性不存在,通过已有的。四:姓名案例与天气案例对比。上去加工计算出来的属性。二:监视(天气案例)...原创 2022-08-09 18:40:53 · 395 阅读 · 0 评论 -
Vue之绑定class/style样式与条件渲染
v-if: 布尔类型 v-else-if: v-else: v-show: 布尔类型。template不会破坏结构,只能配合v-if,不能配合v-show -->2.绑定style样式。原创 2022-08-09 21:21:41 · 677 阅读 · 0 评论 -
Vue之-列表渲染(v-for)与key的作用原理(面试题)
诺虚拟dom的内容没变,就执行之前的dom,如果改变,就执行新的真实dom。2.如果不存在对数据逆序添加,删除等,用index也没问题。如果没写key,vue将自动补全key,就是用index作为key。会产生新的虚拟dom更新==>效率低。创建新的真实dom,并渲染到页面。1.v-for: :key=:相当于id,每一个数组的唯一标识,不可重复。1.最好选择唯一标识为key:id等等。三种遍历:遍历数组,遍历对象,遍历字符串,遍历指定次数。面试题:vue中的key的作用原理。......原创 2022-08-10 09:29:14 · 333 阅读 · 0 评论 -
Vue之列表过滤
1.通过v-model进行双向匹配,获取输入的数据。原创 2022-08-10 10:20:05 · 118 阅读 · 0 评论 -
Vue之收集表单数据与过滤器
textarea v-model.lazy="other">:失去焦点再接受数据(适用于大输入框):输入数字和接收数字。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)引入了第三方库:bookcdn中的dayjs库,v-model.trim="account":去除空格,......原创 2022-08-10 12:16:05 · 139 阅读 · 0 评论 -
Vue学习-之指令大全-内置指令-自定义指令
4.v-cloak:主要解决未经解析的模板跑到页面,比如网速慢的时候未解析。插值语法更灵活,会拿到name的值完全放在div中,不够插值灵活。5.v-once:无论值怎么增加,只显示值得第一次数据,一次性。6.v-pre:跳过编译,不去解析的作用。二:自定义指令(函数式)需求2:对象式:三种方法。.........原创 2022-08-10 15:36:27 · 118 阅读 · 0 评论 -
Vue学习之-生命周期-挂载-更新-销毁
代码】Vue学习之-生命周期-挂载-更新-销毁。原创 2022-08-10 16:56:15 · 650 阅读 · 0 评论 -
Vue之-组件-组件嵌套
组件本质是一个VueComponent的构造函数,且不是程序员定义的,由Vue.entend生成。1.创建组件:const a=Vue.extend ({})每次调用Vue.entend时就会返回一个全新的VueComponent。3.引用组件:直接调用组件名称作为标签即可。全局配置组件: Vue.() 注意不加s。...............原创 2022-08-11 09:03:30 · 2337 阅读 · 0 评论 -
Vue的三个基本属性:ref-props-mixin
比如用多个相同的组件,但是其中的数据不同,就可以用这个。原创 2022-08-11 15:53:11 · 208 阅读 · 0 评论 -
vue-插件-案例
1.插件:生成一个plugins.js,在里面可以放过滤器,自定义指令,或者混合放入都可以,最后·在main.js中导入即可。原创 2022-08-11 22:38:37 · 97 阅读 · 0 评论