今天遇到了这样一个报错：[Vue warn]: Error in callback for watcher "function () {return this._data.$$state;}": "Error: [vuex] do not mutate vuex store state outside mutation handlers."javascript:void(0)使用场景是这样的：th

这里使用的是vue-cropper官方文档以及案例在这里先安装裁剪图片组件注意事项：1.代码中设置的是只有正确的url是才展示，裁剪组件2.需要给容器固定高度3.props传值可自行加减具体使用（这里使用的是antd）效果图...

vue高德地图添加标记点，点击Marker图标放大其余保持原状

vue3组件通信方式有以下几种：porps，$emit， bus，v-model，useAttrs，$ref/$parent，provide/inject，pinia，slot。

在vue3中，父子组件通信与vue2不同，没有this，所以不能直接使用this.$emit 和this.$refs和Props。那么在vue3中我们要怎么通信呢？（补充：这里我们使用的是， 是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。相比于普通的语法，它具有更多优势。

项目中需要用到PDF预览，查找病尝试了很多种方法，使用了iframe，但是无法访问链接，可能是跨域问题，没有深究。使用了pdfjs,引入后模块报错，无法启动，可能是版本问题，最后选择了vue-pdf。下载依赖：npm install --save vue-pdf引入：import pdf from "vue-pdf";使用（这里使用的是带有分页的，否则只会展示一页）：components: {pd

滚动条创建一个js文件，并在main.js引入:import Vue from "vue";Vue.directive("tableFit", {//指令所在组件的 VNode 及其子 VNode 全部更新后调用。componentUpdated(el, binding, vnode) {setTimeout(() => {adjustColumnWidth(el, vnode);}, 0)

vue3中我们无法使用this，无法通过this.$refs去获得绑定的ref。所以需要导入使用，方法如下：.js文件中定义数据和方法// 导入import { reactive, ref } from "vue";// 定义表单绑定的refexport const loginForm = ref(null);// 定义初始化数据export let loginData = reactive({l

vue3组件通信方式有以下几种：porps，$emit， bus，v-model，useAttrs，$ref/$parent，provide/inject，pinia，slot。

vue高德地图添加标记点，点击Marker图标放大其余保持原状