随笔分类 - Vue全家桶
Vue踩坑/开发经验，还有的一些Vux的经验
摘要：官网：https://vitejs.cn/ https://www.cnblogs.com/zhazhanitian/p/14422086.html 非常推荐：https://www.cnblogs.com/wenxinsj/p/14626660.html https://www.cnblogs.c
阅读全文
摘要：官网配置教程：https://cn.vitejs.dev/config 路径别名 @ 有什么用就不说了网上很多文章，本文重点演示vite + vue3项目配置过程 改造 vite.config.ts 文件 原本样子： 改造后；可以发现TS在警告 继续改造 tsconfig.json 文件： 添加字段
阅读全文
摘要：解决办法： 1) 在 src 文件夹内添加一个空的 index.d.ts 文件 2) 然后重启编辑器 干净清爽BUG无了 重启 / 下载依赖都试过几次了，还是得新建 index.d.ts 文件。
阅读全文
摘要：项目环境：Vite2.0 + Vue3.2 + Typescript + element-plus UI 打包报错很有可能跟依赖包版本不同而导致出现不同的错 所以贴出依赖包版本号以供参考： 翻查报错文件位置了解到是element-plus相关错误 element-plus版本是：1.1.0-beta
阅读全文
摘要：前言： 本文基于vite2.0 + vue3.2 + Typescript + vuex4 官网：https://vuex.vuejs.org/zh/guide/state.html 之前写过一篇关于vuex的文章：https://www.cnblogs.com/konghaowei/p/11248
阅读全文
摘要：官网提供国际化语言解决办法：https://element-plus.org/zh-CN/guide/i18n.html#global-configuration 前几天总结写了篇关于原生开发的文章：https://www.cnblogs.com/konghaowei/p/15524413.html
阅读全文
摘要：本项目诞生缘由 最近接手一个项目，前后端分离，前端是传统的前端项目，但又是模块化的开发方式，但是由于生产环境限制不能使用工程化不能用nodejs和webpack所以没有打包功能，就实现了一个方案：如何在传统前端项目中进行javascript模块化编程，并引入使用vue3.js、element-plu
阅读全文
摘要：上班第一天没事做写篇博客。。。 前段时间出去面试了下，《Vue不能检测数组和对象的变化》这个问题很高频提起，今天来聊下这个问题 先看官网文档说明： 情况一：新增的值不会触发响应(删除同理) 情况二：原有的值改变会触发响应 情况三：vue提供的方法$set可以触发响应 以上3个例子总结了对象增/删，模
阅读全文
摘要：全局安装3.x版本脚手架：npm install -g @vue/cli 确认安装成功没：vue -V（注意这里是大写的“V”） 全局安装webpack：npm install -g webpack 脚手架安装过程中会问问要不要安装webpack-cli，webpack4开始多了个独立包webpac
阅读全文
摘要：刚才写了篇《element多层导航菜单》文章，顺便也写写其中核心原理 其实没啥好说就是组件递归，这里呢简单写个例子， 面试被问到的时候直接拿来手写代码也行， 有看到本文章的同学可以复制代码去试试 没多少代码量，主要是让还没懂组件递归的同学好理解 核心就这个，组件自己调用自己： // 组件： <tem
阅读全文
摘要：很久没写博客了原因就是懒， 刚下班今天写了个基于element导航菜单实现多层菜单（可以无限多层） 组件核心思想就是组件递归（这个有时候面试会问到） 可以看看这篇我写的简单文章《vue组件递归》 然后就判断children有没有内容，没内容就是选择项嘛，内容就是父菜单 只提供最基础实现功能各种回调可
阅读全文
摘要：第一部分：先说vuex各方法的作用 vuex有5大方法：state、getters、mutations、actions、module state(仓库)： vuex的所有数据都放在 state 里，vuex其它方法操作的数据都来源于这里 getters(过滤)： getters 跟 state 同样
阅读全文
摘要：watch它可以用来监测Vue实例上的数据变动 尽量一张图解释清楚(尝试用圈圈区分关系)： 写的很简单，watch本来就没啥东西我理解为响应式侦听全局变量 watch里绑定全局变量，被绑定全局变量发生改变vue就自动触发watch里面对应的函数 很多时候都会拿 Computed 与 Watch 对比
阅读全文
摘要：computed可定义一些函数，这些函数叫做【计算属性】 只要data里面的数据发生变化computed会同步改变 引用【计算属性】时不要加 () ，应当普通属性使用 例：console.log(this.computedName) computed用的最多是在模板 模版中放入太多声明式逻辑会让模板
阅读全文
摘要：本文章默认基于“vue init webpack myproject”已经搭好基本的项目， 而且本文是从我有道笔记拷贝稍加修改过来的 本来我私人笔记写给自己看的所以有些地方可能描述不够清晰 需要修改的文件就两个：build/webpack.base.conf.js src/main.js 第一步：安
阅读全文
摘要：网上也很多文章，但解释起来的确玄乎，小白们很难理解到位。 自问文笔没大神们好只是自己了解了掌握了Vuex用法以及主要思路 但要我解释起来也只能参考大神们的说法 Vuex就是一个全局变量，而这个全局变量增删改查都有自己一套方法， 这样做的好处就是大团队多人协作不容易出错 Vuex小项目的确用的少，但面
阅读全文
