随笔分类 - Vue
摘要：1、路由 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件 后端路由：key是路径，value是函数 2、安装vue-router 2022年2月7号以后，vue-router的默认版本为4版本，
阅读全文
摘要：生命周期，又名为生命周期回调函数、生命周期函数、生命周期钩子 生命周期分析 初始化调用 beforeCreate()created()beforeMount()mounted()：挂载，常用于发送ajax请求、启动定时器、绑定自定义事件、订阅消息等初始化操作 更新数据时调用 beforeUpdate
阅读全文
摘要：目的：让代码更好维护，让多种数据分类更加明确。 模块化会将不同模块的内容拆分到不同的文件中 1、新建src/store/count.js模块 //求和相关的配置，actions、mutations、state、getters都是求和的内容 export default { namespaced:tr
阅读全文
摘要：使用这四个map时，需要先导入 import {mapState,mapGetters,mapMutations,mapActions} from 'vuex' mapState mapState方法：用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成
阅读全文
摘要：1、Vuex介绍 Vuex是在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 简单说就是vuex可以实现任意组件对共享数据的读写 2、安装Vuex vue2中要安装vuex3 vue3
阅读全文
摘要：插槽 作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件 → 子组件。 分类：默认插槽、具名插槽、作用域插槽 默认插槽 父组件中（插槽使用者）： <Category> <!-- Category标签里的内容都会填充到子组件的<slot>位置 --> <div>
阅读全文
摘要：vue.config.js 配置说明官方vue.config.js 参考文档 module.exports = { // 部署生产环境和开发环境下的URL。默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上 publicPath: "/admin", // 在npm run bu
阅读全文
摘要：消息订阅与发布pubsub 消息订阅与发布是使用第三方库pubsub-js，实现任意组件间通信 pub：publish 发布 sub：subscribe 订阅 安装pubsub npm i pubsub-js 使用pubsub 先引入pubsub，再使用 订阅消息（接收数据） <!-- School
阅读全文
摘要：1、全局事件总线 全局事件总线，并不是vue提供了这个功能，而是基于自定义事件，从代码设计上来实现任意组件间的通信。 2、安装全局事件总线 //main.js import Vue from 'vue' import App from './App.vue' Vue.config.productio
阅读全文
摘要：自定义事件：一种组件间通信的方式，适用于：子组件 → 父组件 使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中） 1、绑定事件 给组件的实例对象进行绑定事件 第一种方式 在组件标签中通过@xxx或者v-on:xxx来绑定事件。@是v-on的简写形式
阅读全文
摘要：父→子 子→父 备注 props ✔ ✔ 查看详情 自定义事件 ✖ ✔ 查看详情 全局事件总线（$bus） ✔ ✔ 基于自定义事件，实现任意组件间通信 查看详情 消息订阅与发布 ✔ ✔ 基于第三方库pubsub.js，实现任意组件间通信 查看详情
阅读全文
摘要：浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 存储内容大小一般支持5MB左右（不同浏览器可能还不一样） SessionStorage存储的内容会随着浏览器窗口关闭而消失。 LocalStorage存储的内容，需要手动清
阅读全文
摘要：scoped 作用：让样式在局部生效，防止冲突 <style scoped> .demo{ background-color: skyblue; } </style> less-loader 在Vue文件中使用less语法，需要安装less-loader webpack4的安装less-loader
阅读全文
摘要：1、Vue插件 Vue插件用于增强Vue，插件本质上是一个包含install方法的一个对象。 install方法的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据 2、定义插件 新建一个plugins.js文件 //定义插件：一个包含install方法的对象 const obj = { /
阅读全文
摘要：1、mixin配置 mixin中文叫混入或者混合，作用是可以把多个组件共用的配置提取成一个混入对象，就是提取成共用一个配置 2、定义mixin 混入（mixin）的定义需是一个对象，然后Vue里的每个配置都可以写在混合对象里，比如,methods,data,mounted等 混入里定义的配置会和Vu
阅读全文
摘要：1、props配置项 props的作用是让组件接收外部传过来的数据（接收参数） 2、组件传参 向组件Student传入参数：name，sex，age <!-- 第一种方式：直接写参数名=xxx ，传入的是字符串形式--> <Student name="李四" sex="女" age="18"/> <
阅读全文
摘要：ref属性 1. 被用来给元素或子组件注册引用信息（id的替代者） 2. 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） 3. 使用方式： 1. 打标识：<h1 ref="xxx">.....</h1> 或 <School ref="xxx"></School>
阅读全文
摘要：一、什么是Vue 简单的说，Vue是一个用来开发Web界面的前端库，就是一个叫vue.js的文件，就好比jQuery库的jquery.js。 但Vue远不止这些，vue周边还发展了很多其他的工具，也都是一堆js文件。 注意：Vue不支持IE8及以下版本，在移动端支持到Android4.2+ 和 IO
阅读全文
