MDRY

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

08 2022 档案

vue——vuex四个map方法的使用
摘要：1.mapState方法： 用于帮助我们映射state中的数据为计算属性 注意1：mapState的作用：用来生成重复代码，比如return this$store.state.xxx就非常重复，无法复用。mapState采用{k:v}形式 注意2：不能把mapState({he:‘sum’,xuex 阅读全文

posted @ 2022-08-31 18:48 小懵丹儿 阅读(849) 评论(0) 推荐(0) 编辑

vuex的理解与使用
摘要：1.概念 ​ 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 2.vuex理解 官方解释：vuex是一个专为vue.js应用程序开发的 状态管理模式。它采用集中式存储管理应用的所有的 阅读全文

posted @ 2022-08-30 21:01 小懵丹儿 阅读(107) 评论(0) 推荐(0) 编辑

vue——插槽的作用与理解
摘要：1.作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件 > 子组件 2.分类：默认插槽、具名插槽、作用域插槽 3.使用方式： 默认插槽： 子组件：放一个占位符 父组件：在占位符填充内容 总结：如果子组件没有使用插槽，父组件如果需要在子组件中填充html，是不能 阅读全文

posted @ 2022-08-30 19:40 小懵丹儿 阅读(280) 评论(0) 推荐(0) 编辑

Vue脚手架配置代理
摘要：一.配置方法 方法一： 在vue.config.js中添加配置： devServer: { proxy: 'http://localhost:5000' } 说明： 优点：配置简单，请求资源时直接发给前端（8080）即可。 缺点：不能配置多个代理，不能灵活的控制请求是否走代理。 工作方式：若按照上述 阅读全文

posted @ 2022-08-29 19:06 小懵丹儿 阅读(40) 评论(0) 推荐(0) 编辑

Vue封装的过渡与动画
摘要：一.作用： 在插入、更新或移除 DOM元素时，在合适的时候给元素添加样式类名。 二.图示： 三.写法： 1.准备好样式 元素进入的样式： v-enter：进入的起点 v-enter-active：进入过程中 v-enter-to：进入的终点 元素离开的样式 v-leave：离开的起点 v-leave 阅读全文

posted @ 2022-08-29 18:12 小懵丹儿 阅读(43) 评论(0) 推荐(0) 编辑

vue——nextTick函数
摘要：一.nextTick的作用 Vue.nextTick作用是在下一次 DOM 更新结束后执行其指定的回调。。 那么我们的理解是：当数据发生变化之后，DOM视图并不会立即更新，如果我们在发生变化之后立马去获取某个节点或者某个节点的值，很有可能结果就是undefined；因为Vue实现响应式并不是数据发生 阅读全文

posted @ 2022-08-28 20:05 小懵丹儿 阅读(168) 评论(0) 推荐(0) 编辑

vue——消息订阅与发布（pubsub）
摘要：一.消息订阅与发布： 一种组件间通信的方式，适用于任意组件间通信 订阅消息：设置消息名==>接收数据的组件进行订阅消息 发布消息：传递消息内容==>传递数组的组件进行发布消息 二.使用步骤 安装pubsub：npm i pubsub-js 在使用订阅消息与发布消息的组件引入：import pubsu 阅读全文

posted @ 2022-08-28 18:54 小懵丹儿 阅读(142) 评论(0) 推荐(0) 编辑

vue——全局事件总线（GlobalEventBus）
摘要：一.什么是全局事件总线？ 1.一种组件间通信的方式，适用于任意组件间通信。 是根据VueComponent.prototype.__ proto__ = Vue.prototype的原理来进行全局引用 二.全局事件总线的使用？ （i）安装全局事件总线 在main.js中的vue实例中写入before 阅读全文

posted @ 2022-08-28 17:58 小懵丹儿 阅读(534) 评论(0) 推荐(0) 编辑

vue——组件自定义事件
摘要：一.什么是组件自定事件？ 自定义事件：顾名思义就是自己定义的事件，包含事件名，事件回调等，定义好之后去给组件使用。也是一种组件的通信方式，适用于子组件==>父组件。 二.子组件怎么给父组件传值的？ （1）通过props传值 （i）找到父组件，先定义一个接受子组件数据的函数，并存入我们的变量中 注意： 阅读全文

posted @ 2022-08-27 21:57 小懵丹儿 阅读(511) 评论(0) 推荐(1) 编辑

vue——webStorage
摘要：1.存储内容大小一般支持5MB左右（不同浏览器可能还不一样） 2.浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 3.相关API： 例子： localStorage的用法 注意 localStorage.setItem( 阅读全文

posted @ 2022-08-27 19:56 小懵丹儿 阅读(44) 评论(0) 推荐(0) 编辑

vue——minix混入
摘要：1.功能：可以把多个组件共用的配置提取成一个混入对象 2.使用方式： 第一步定义混合：mixin.js 第二步使用混入： 全局混入：main.js中 局部混入： 总结: vue中混入是实现类继承的重要方式。 minix会在引入文件 中进行 属性和方法的合并（混入）minix优先执行，相同字段名 熟悉 阅读全文

posted @ 2022-08-27 17:18 小懵丹儿 阅读(1032) 评论(0) 推荐(0) 编辑

vue——props配置项
摘要：1.props的功能：让组件接受外部传过来的数据 2.传递数据：外部组件 3.接受方式： 1.简单声明接受： 2.限制类接收： 3.接收的同时对数据进行限制类、限制必要性、指定默认值： 备注：props是只读的，Vue底层会监测你对props的修改，如果进行了修改，就会发出警告，若业务需求确实需要修 阅读全文

posted @ 2022-08-27 16:47 小懵丹儿 阅读(25) 评论(0) 推荐(0) 编辑

vue——ref属性
摘要：ref属性： 被用来给元素或子组件注册引用信息（id的替代者） 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） 使用方式： 打标识：<h1 ref="xxx">.....</h1> 或 <School ref="xxx"></School> $refs: 类型：O 阅读全文

posted @ 2022-08-27 16:15 小懵丹儿 阅读(42) 评论(0) 推荐(0) 编辑

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value.
摘要：在学习vue2的过程中遇到了这种问题： 在vue2.0中子组件触发改变值的时候vue组件会报错，例如： Avoid mutating a prop directly since the value will be overwritten whenever the parent component r 阅读全文

posted @ 2022-08-27 11:17 小懵丹儿 阅读(390) 评论(0) 推荐(0) 编辑

Property or method "value" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components
摘要：报错如下： 这种情况是在template中或者方法中写了‘value’，但是在data中没有定义 阅读全文

posted @ 2022-08-27 11:13 小懵丹儿 阅读(185) 评论(0) 推荐(0) 编辑

vue使用组件＜el-date-picker＞报错：Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the
摘要：Vue使用element-ui组件库中的<el-data-picker>标签报错 报以下错误，最开始我以为是props通信的问题，但后来发现是版本出现问题导致的 解决办法：版本2.14.1的版本已经都不可以了需要更新版本2.15.8 阅读全文

posted @ 2022-08-27 11:06 小懵丹儿 阅读(465) 评论(0) 推荐(0) 编辑

路由器的两种工作模式
摘要：路由器的两种模式：hash,history router=>index.js： 一.hash和history的区别： 对于一个url来说，什么是hash值？—— #及其后面的内容就是hash值。 hash值不会包含在 HTTP 请求中，即：hash值不会带给服务器。 hash模式： 地址中永远带着# 阅读全文

posted @ 2022-08-26 19:40 小懵丹儿 阅读(146) 评论(0) 推荐(0) 编辑

路由守卫
摘要：一.什么是路由守卫： 通俗的理解，平时我们在商城买东西，把东西加入购物车时，如果没有登录，就会跳入到登录界面，如果登录了，就跳转到购物车界面，就是对路由进行权限控制 守卫分为三种： 全局守卫:(beforeEach,afterEach） 独享守卫:(beforeEnte) 组件内守卫:(before 阅读全文

posted @ 2022-08-26 18:09 小懵丹儿 阅读(219) 评论(0) 推荐(0) 编辑

Vue——关于public中的index的分析
摘要： 阅读全文

posted @ 2022-08-26 11:11 小懵丹儿 阅读(43) 评论(0) 推荐(0) 编辑

Vue——关于main.js的分析
摘要：1.main.js的作用？ main.js是项目的入口文件 1.实例化Vue。 2.放置项目中经常会用到的插件和CSS样式。例如： 网络请求插件:axios和vue-resource、图片懒加载插件：vue-lazyload 3.存储全局变量。例如（用于的基本信息） 以上参考地址：https://w 阅读全文

posted @ 2022-08-26 11:08 小懵丹儿 阅读(847) 评论(0) 推荐(0) 编辑

Vue——App组件作用
摘要：1.App的作用是什么？ app.vue可以当做是网站首页，是一个vue项目的主组件，页面入口文件 ，所有页面都是在App.vue下进行切换的。是整个项目的关键，app.vue负责构建定义及页面组件归集。 2.app.vue作为主组件在main.js中被使用 3.主组件app.vue调用其他组件，构 阅读全文

posted @ 2022-08-26 10:33 小懵丹儿 阅读(250) 评论(0) 推荐(0) 编辑

Vue——脚手架结构
摘要：├── node_modules ├── public│ ├── favicon.ico: 页签图标│ └── index.html: 主页面├── src│ ├── assets: 存放静态资源│ │ └── logo.png│ │── component: 存放组件│ │ └── HelloWo 阅读全文

posted @ 2022-08-26 09:40 小懵丹儿 阅读(23) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示