一：问题的描述刚入门前端的小白，在学习Vue的前后端分离项目的时候，使用vueaddaxios安装插件准备进行前后端的数据交互，出现了Cannotreadpropertiesofundefined(reading‘use’)错误二：问题原因Vue2在安装插件时候使用的是：Vue.use(Plugin)，而在Vue3不再支持这种方式三：问题解决1.在目录src->plugins->axios.js找到Vue.use(Plugin)删除或者注释掉2.在main.js下添加这行代码createApp(App).use(store).use(axios).mount('#app')就可以运行了
在Vue项目中实现以下功能： 功能1.在页面中显示代码，并将其中的关键字高亮显示。 功能2.允许对代码块进行编辑，编辑时代码关键字也高亮显示。 功能3.可在编辑器中添加多个代码块，动态渲染代码关键字高亮。 Step1:安装所需插件(本文使用npm安装，若需使用其他方式请查阅官方文档)安装代码高亮显示插件highlight.js，官方网站：http://highlight.cndoc.wikinpminstallhighlight.js安装highlight.js与vue的集成插件highlightjs/vue-plugin，官方文档：https://github.com/highligh
系列文章目录系列介绍：Vue3+Vite+TS从零开始学习项目搭建：(一)Vue3+Vite+TS项目搭建实现动态菜单栏：(二)Vue3+Element-Plus实现动态菜单栏实现动态面包屑：(三)Vue3+Element-Plus实现动态面包屑实现动态标签页：(四)Vue3+Element-Plus实现动态标签页实现动态主题色切换(demo)：(五)Vue3+Element-Plus实现动态主题色切换踩坑记录(持续更新)：(六)Vue3踩坑记录文章目录系列文章目录一、引入依赖二、目录结构三、核心代码1.auth-api.js2.permission.js3.sidebar.vue4.rout
Vue3watch监听对象数组中对象的特定属性在Vue3中，可以使用watch函数来监听对象数组中对象的特定属性。可以通过在回调函数中遍历数组来检查对象的特定属性是否发生变化，并在变化发生时执行相应的操作。一、监听对象的特定属性例如，假设有一个名为items的对象数组，其中每个对象都有一个名为checked的布尔属性和一个名为name的字符串属性，需要监听checked属性的变化，并在变化发生时执行相应的操作，可以使用以下代码：import{ref,watch}from"vue";exportdefault{setup(){constitems=ref([{name:"item1",check
前端vue实现页面加水印文字,可以实现系统所有页面加水印,也可以单个页面加水印,可更改水印颜色, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12889效果图如下: ####使用方法```使用方法/*给系统所有页面加水印*///第一个参数:水印文字 第二个参数:加水印的底图,默认body给所有页面加水印,第三个参数:水印颜色Watermark.set("cc-innovation.gd",'','blue');/*给当前页面加水印*///第一个参数:水印文字 第二个参数:加水印的底图,默认body给所有页面加水印,
引子:前端程序猿,很少写博客,担心有一些技术很牛逼的大佬看不上,还喜欢怼人,玻璃心容易影响心情,这个是我自己在项目上遇到的,也百度参考了很多大佬的文章,感觉多少有点不全,然后就自己整理一下,当一个笔记,也希望有需要的能直接用,不喜勿喷参考文章:https://blog.csdn.net/shishuwei111/article/details/100512646https://blog.csdn.net/qq827245563/article/details/55207819七牛云上传地址查询https://developer.qiniu.com/kodo/1671/region-endpoi
对axios封装是在main.js里面进行封装，因为main.js是一个vue项目的入口步骤：在1处创建一个axios实例为http，baseURL是基础地址（根据自己的需求写），写了这个在vue界面调用后端接口时只用在post请求处写路由地址就可以了在2处将创建的axios实例挂到app上在3处，vue页面进行调用后端接口时只写后端路由就好（我后端使用的Django）代码：import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importEleme
目录一：什么是watch?二：watch的基础使用 1.最基本的使用 2.简写形式三：watch中的immediate和deep属性 1.immediate属性 2.deep属性 3.解决深度监听新旧值相同的问题 1）使用序列化和反序列化。 2）手写深拷贝算法一：什么是watch? 相信大家在开发项目中，有时候会遇到一些需求，是当一个数据改变之后进行一些操作，这个时候有些人会设置一个定时器，周期性的去循环访问，当发现数据发生了改变后执行操作。但是这种操作方式会导致系统资源的浪费，以及更新的不及时等。因此vue通过watch（侦听器）提供了一个更通用的方法来
第一pdfjs没有成功引入不管是import引入还是require引入最好打印下pdfjs查看是否引入成功importpdfjsfrom'pdfjs-dist/legacy/build/pdf.js' 我这样引入失败import*aspdfjsfrom'pdfjs-dist/legacy/build/pdf.js'改成这样的引入成功第二各种报错引入成功后就给我一直报错这个pdfjs中的getDocument(...).then()不是一个function我用的版本是pdfjs-dist@2.6.347我的解决办法是getDocument(...).promise.then().catch((
声明周期函数onMounted,onUnmounted,onUpdatedonMounted：页面渲染之前执行，执行完，页面就出来了onUnmounted：组件注销之前执行，执行完组件就不在页面显示了。如果隐藏组件就行执行。onUpdated：当组件内的内容发生变化时，就会执行这个更新钩子函数，比如删除数组中的某个元素。PostList组件：import{ref,reactive,computed,watch,watchEffect}from"vue";importSinglePostfrom"./SinglePost.vue";import{onMounted,onUnmounted,onU
