Vue UI组件库 Vue UI组件库 常用UI组件库 移动端常用UI组件库 Vant 4 Cube UI Mint UI NutUI PC端常用UI组件库 Element UI iView UI element-ui基本使用 安装element 2023-07-21 前端开发 前端 Vue
Vue核心 路由 基本路由 安装vue-router,命令 npm i vue-router (vue-router的4版本以上只能在vue3中使用,vue2需要执行npm i vue-router@3) 应用插件 Vue.use(VueRouter 2023-07-20 前端开发 前端 Vue
详解Vuex Vuex概念专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对Vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 使用场景 多个组件依赖于同一状态 来自不同组件的行为需 2023-07-18 前端开发 前端 Vue
Vue核心 配置代理与插槽 更新记录 2023-09-14:对于“slot插槽”作了补充。 Vue脚手架配置代理 vue.config.js是一个可选的配置文件,如果项目的根目录中存在这个文件,那么它会被@vue/cli-service自动加载。你也可以使用pac 2023-07-18 前端开发 前端 Vue
Vue核心 $nextTick 过渡与动画 更新记录 2023-09-14:对于“$nextTick”作了补充。 $nextTick 这是一个生命周期钩子 this.$nextTick(回调函数)在下一次DOM更新结束后执行其指定的回调 我们可以理解成,Vue 在更新 DOM 时 2023-07-18 前端开发 前端 Vue
Vue核心 全局事件总线和消息的订阅与发布 全局事件总线 一种可以在任意组件间通信的方式,本质上就是一个对象,它必须满足以下条件 所有组件对象都必须能看见它 这个对象必须能够使用$on $emit $off方法去绑定、触发和解绑事件 使用步骤 定义全局事件总线 new Vue 2023-07-18 前端开发 前端 Vue
Vue核心 本地存储和自定义事件 WebStorage 浏览器通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制 相关DPI xxxStorage.seItem('key', 'value') 该方法接受一个键和值 2023-07-17 前端开发 前端 Vue
Vue CLI中的属性 ref属性 ref被用来给元素或子组件注册引用信息(id的替代者) 应用在html标签上获取的是真实的DOM元素 应用在组件标签上获取的是组件实例对象vc(如果组件用id属性标识,那么通过ref获取的也是真实的DOM元素) 使用方式: 2023-07-17 前端开发 前端 Vue
Vue核心 Vue生命周期 更新记录 2023-09-13:新增生命周期具体分析,新增“数据请求在created和mouted的区别”章节。 Vue生命周期 总结 常用的生命周期钩子: mounted发送ajax请求、启动定时器、绑定自定义事件、订阅消息等初 2023-07-10 前端开发 前端 Vue
Vue核心 列表渲染和数据监视 更新记录 2023-09-11:对于“如何选择key”作了补充。 列表渲染 React,Vue中的key有什么作用? 虚拟DOM中key的作用:key是虚拟DOM中对象的标识,当数据发生变化时,Vue会根据新数据生成新的虚拟DOM, 2023-07-10 前端开发 前端 Vue
Vue核心 计算属性和侦听属性 计算属性 使用场景:要用的属性不存在,需要通过已有属性计算得来。 对于Vue而言,简单来说data配置项中的就是属性。因此计算属性名并不在data中存在,但它必须由data中的属性计算得来,否则Vue检测不到涉及属性的变化。 底 2023-07-10 前端开发 前端 Vue