VUE插槽: SlotVUE 插槽: SlotSlot 升级版组件(代码替换) 组件的插槽可让封装的组件更加具有扩展性。 让使用者可以决定组件内部的一些内容到底展示什么。 封装技巧 抽取共性 保留不同 基本使用 默认内容(如果父组件传有东西，则会替换掉默认的内容) 放入组件中。 在组件标签插入的所有内容是属于 slot 插槽的 具名插槽 父组件中使用 slot 区域时，不用名字，操作的就是没有名字的 sl 2022-02-28
Vuex介绍npm i --save vuex vuex 响应式数据 共享组件的数据，脱离组件的 状态管理模式 集中式存储管理 管理什么样的数据？ 复杂 大型项目才使用 比如用户的登录状态，用户名称，头像，地理位置 商品的收藏，购物车的物品等 通过在根实例注册 store store 就会注册在每个组件，用$store访问，组件可以通过this.$store 访问 store 内部的方法和属 2022-02-28
VUE基础介绍VUEvue 是用于构建用户界面的渐进式 js 框架 （两种开发模式，引入文件（库的形式），框架式开发（生成一个项目，自己自己创建了一套文件夹）） （和前端的发展有关） 单页面应用（spa: single web application）,vue 哪个更新就改哪个，其他的不动 虚拟 dom 自底向上逐层应用 mvvm 模式-m model -js 对象 -v view -页面 -vm 2022-02-28
vue cli3 less变量 undefinde解决vue cli3 less 变量 undefinde 解决（Variable xxx is undefined）vue cli3 初始化构建项目时，自定义选择使用 less 作为 css 预处理器之后，就会默认安装 less、less-loader，并且直接可以在组件中正常使用嵌套结构书写 css 了。 但是，当我们需要使用 less 变量时，比如下面的情况1. 我新建了一个 common.les 2022-02-28
vue 报错: 内存溢出vue 报错: 内存溢出**vue 报错: ****[Vue warn]: Error in nextTick: “RangeError: Maximum call stack size exceeded” **很可能是你的 name 错了 2022-02-28
解决vue-router 重复点击路由。报错的问题解决 vue-router 重复点击路由。报错的问题解决 vue-router 报 NavigationDuplicated: Avoided redundant navigation to current location 的问题 最近写项目的时候， 重复点击路由会在控制台报这样的错误. 它的提示是 避免到当前位置的冗余导航。 简单来说就是重复触发了同一个路由。 这个错误是 vur-route 2022-02-28
key的作用、为何最好不用indexkey 的作用、为何最好不用 index1. react/vue 中的 key 作用？ key 是虚拟 dom 对象的标识。 当状态中的数据发生变化时，react 会根据【新数据】生成【新的虚拟 dom】，随后 react 进行【新虚拟 dom】与【旧虚拟 dom】的 diff 比较。规则如下 旧虚拟 dom 与新的虚拟 dom 的 key 相同 内容也相同，直接复用之前的真实 dom 如果发生内 2022-02-28
前端文件下载的几种方式前端文件下载的几种方式前端开发中，经常遇到文件下载的功能。这里对常见的文件下载方式做一些总结。 一、直接下载针对一些浏览器无法识别的文件格式。可以直接在地址栏上出入 URL 即可触发浏览器的下载功能。 同类的还有 window.location.href、window.open 地址栏输入文件 URL window.location.href = URL window.open(URL) 二、 2022-02-28
vue-cli 打包优化vue-cli 打包优化关于 vue 项目页面打包后首次页面加载特别缓慢的原因及解决方案 1. SourceMap 1.请首先检查 vue.config.js 文件中 productionSourceMap 配置 1234module.exports = { productionSourceMap:false, // build 才能取消 map, test, serve都会保留 . 2022-02-28
vue设置不同 页面的 body样式vue 设置不同 页面的 body 样式 由于 vue 是单页面应用，所有想要不同页面不同背景色，只能可以组件中动态设置 方法一 (推荐) 使用组件独享路由钩子来设置 当前 path 下页面的 body 样式 123456789101112//组件实例中beforeRouteEnter (to, from, next) { // 添加背景色，此钩子无法获取实例this do 2022-02-28