npm创建vue2项目
2024-06-21npm创建vue2项目
vue element-ui通用后台管理系统(适合新手)
2024-06-18使用vue2 element-ui axios js-cookie less echarts实现的一个简易的通用后台管理系统,具有很强的可扩展性,修改简单,只要有点前端基础就能看懂;_vue elementui 管理系统
Vue ECharts实现可视化大屏
2024-06-18复制,点击复制后官方文档还贴心的给出了提示【已复制到剪贴板,请保持至*.json文件】可以直接在该页面引入echarts,就可以在数据大屏页面使用echarts的所有组件了。自定义好主题之后可以导出主题代码保存为一个js文件,引入目标页面在代码中使用该主题。由于项目需要一个数据大屏页面,所以今天学习了vue结合echarts的图标绘制。那么我们就到vue中创建一个js文件把我们复制的代码放进去备用。首先选择好一个主题,下载它的json版本代码。接着需要使用该主题的vue文件中导入主题。_vue2 echarts大屏项目
Vue3.0详细使用教程看这一篇就够了!!
2024-06-17有vue2基础,看一遍就能直接上手vue3_vue3.0
vue2源码调试,在vscode中直接调试vue源代码操作指南
2024-06-16vscode借助 Microsoft Edge Tools for VS Code 实现源码直接在vscode中的调试,分析如何在vscode中进行断点的添加_vue 源码调试
Vue工程化项目创建-VueCli与Vite
2024-06-16在完成了node.js的安装之后,我们就可以正式来创建我们的Vue工程化项目了,我目前学习到两个创建工程化项目的工具是Vue-Cli还有Vite,其中VueCli可用于创建vue2与vue3的项目,而Vite是比较新的,它只能创建vue3的工程化项目。以下为大家演示是用VueCli创建vue2还有Vite创建vue3,这也是我学习时所用到的。_vue工程化创建项目
一文搞懂Vue3中如何使用ref获取元素节点?
2024-06-16前言虽然在 Vue 中不提倡我们直接操作 DOM,毕竟 Vue 的理念是以数据驱动视图。但是在实际情况中,我们有很多需求都是需要直接操作 DOM 节点的,这个时候 Vue 提供了一种方式让我们可以获取 DOM 节点:ref 属性。ref 属性是 vue2 和 Vue3 中都有的,但是使用方式却不大一样,这也导致了很多从 vue2 转到 Vue3 的小伙伴感到有些困惑。今天我们就来揭开 Vue3 中 ref 的神秘面纱!_vue3中获取ref
Vue - Vue3 集成编辑器功能
2024-06-14编辑器插件需要安装和两个插件vue3运行如下命令安装vue2运行如下命令安装安装后可在 Vue 项目的中查看安装依赖项。_vue3 代码编辑器
vue中动态引入图片
2024-06-14可以看出普通加载的图片会被编译成/img/img.13eb2ff7.jpeg这种路径,而动态加载的还是原始路径,这是因为webpack或vite,会将代码编译,最终在内容内构造出一个类似于打包后的dist文件,而就会将普通方式图片路径编译转化成dist文件夹下img文件夹下的资源。很多时间,不管是vue2,还是vue3开发中都会遇到,动态渲染图片的功能,但是为什么我们直接将图片的路径直接赋值给变量的时候,图片渲染不出来,而通过require引入加载图片后却能正常渲染呢?(以下代码为vue3,vue2一样)_vue 动态引入本地图片
vue2项目postcss.config.js配置,将px转化成rem
2024-06-11方案一、在项目根目录下创建 postcss.config.js。方案二、 在vue.config.js单独配置。方案三、 在package.json单独配置。配置:如下有三种不同方案进行配置。_vue2 postcss-px2rem