【Vue】vite+vue3 如何实现点击进入详情页/文章页

1.首先在template中插入image，并赋予点击事件（这个时候是小图）<template><div><imgsrc="@/assets/images/avatar.png"@click="imgShow()"/></div></template>2.data定义点击放大的图片url，imageUrl为点击后放大的大图的urldata(){return{......

【Vue】Vue中Vconsole的使用：https://blog.csdn.net/m0_53715482/article/details/125590180?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170539699116800182121287%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=1705396991168......

<template><el-progress:percentage="percentage"></el-progress><h1>{title}</h1><el-button:disabled="isDisabled"@click="getProgress">下载文件</el-button></template>......

<template><div><DrawerComponent/></div></template><script>importDrawerComponentfrom'./Drawer.vue'exportdefault{components:{DrawerComponent}}</script> <template><el......

前言本系列基于Vue3.2.37版本分析，可直接前往下载。使用步骤//1、安装pnpmnpmi-gpnpm//2、安装依赖pnpmi//3、package.json修改配置末尾添加-s开启sourcemap"build":"nodescripts/build.js-s"//添加`-s`原理是在`scripts/build.js`文件下设置......

我们在项目中经常会使用到svg，这里对svg进行封装，以方便后续的使用。1.安装svg插件npmivite-plugin-svg-icons2.在vite.config.ts中引入，用来指定svg存放位置import{createSvgIconsPlugin}from"vite-plugin-svg-icons";import{resolve}from"path";constplugin......

前言我们知道Vue3中声明响应式是通过reactive和ref这两个函数，下面我们通过案例先来看下reactive是如何实现的。案例首先引入reactive和effect两个函数，之后声明obj响应式对象，接着又执行effect函数，该函数传入了一个匿名函数，最后两秒后又修改obj.name值。<!DOC......

前言我们知道Vue3中声明响应式是通过reactive和ref这两个函数，上篇我们分析了reactive的实现原理，接下来我们再来看下ref是如何实现的。案例首先引入ref和effect两个函数，之后声明name响应式数据，接着又执行effect函数，该函数传入了一个匿名函数，最后两秒后又修改......

最近维护一个Vue2.x的老项目，网上的资料介绍在VS中调试前端代码都是使用Chrome浏览器，但我没有装Chrome浏览器，想在VSCode中直接调试Vue代码，百度了很多资料，尝试了好几种方案，终于找到简单可行的方法。根据微软官方的资料，如果想在VSCode中使用Edge浏览器进行调试，可以安装Microsoft......

上次回顾：#1ref-放在组件上---》在父组件中--》this.$refs.名字-->组件对象--->组件对象--->属性，方法就可以拿到-放在普通标签上#2this.$parent-拿到父组件对象#3props-数组形式：props:['自定义属性的名字','自定义属性的名字1']......