前端哥

Vue工程化项目创建-VueCli与Vite

2024-06-16在完成了node.js的安装之后,我们就可以正式来创建我们的Vue工程化项目了,我目前学习到两个创建工程化项目的工具是Vue-Cli还有Vite,其中VueCli可用于创建vue2与vue3的项目,而Vite是比较新的,它只能创建vue3的工程化项目。以下为大家演示是用VueCli创建vue2还有Vite创建vue3,这也是我学习时所用到的。_vue工程化创建项目

https://www.qianduange.cn//article/12341.html 分类:前端知识

一文搞懂Vue3中如何使用ref获取元素节点?

2024-06-16前言虽然在 Vue 中不提倡我们直接操作 DOM,毕竟 Vue 的理念是以数据驱动视图。但是在实际情况中,我们有很多需求都是需要直接操作 DOM 节点的,这个时候 Vue 提供了一种方式让我们可以获取 DOM 节点:ref 属性。ref 属性是 vue2 和 Vue3 中都有的,但是使用方式却不大一样,这也导致了很多从 vue2 转到 Vue3 的小伙伴感到有些困惑。今天我们就来揭开 Vue3 中 ref 的神秘面纱!_vue3中获取ref

https://www.qianduange.cn//article/12303.html 分类:前端知识

Vue - Vue3 集成编辑器功能

2024-06-14编辑器插件需要安装和两个插件vue3运行如下命令安装vue2运行如下命令安装安装后可在 Vue 项目的中查看安装依赖项。_vue3 代码编辑器

https://www.qianduange.cn//article/12213.html 分类:前端知识

vue中动态引入图片

2024-06-14可以看出普通加载的图片会被编译成/img/img.13eb2ff7.jpeg这种路径,而动态加载的还是原始路径,这是因为webpack或vite,会将代码编译,最终在内容内构造出一个类似于打包后的dist文件,而就会将普通方式图片路径编译转化成dist文件夹下img文件夹下的资源。很多时间,不管是vue2,还是vue3开发中都会遇到,动态渲染图片的功能,但是为什么我们直接将图片的路径直接赋值给变量的时候,图片渲染不出来,而通过require引入加载图片后却能正常渲染呢?(以下代码为vue3,vue2一样)_vue 动态引入本地图片

https://www.qianduange.cn//article/12086.html 分类:前端知识

vue2项目postcss.config.js配置,将px转化成rem

2024-06-11方案一、在项目根目录下创建 postcss.config.js。方案二、 在vue.config.js单独配置。方案三、 在package.json单独配置。配置:如下有三种不同方案进行配置。_vue2 postcss-px2rem

https://www.qianduange.cn//article/11895.html 分类:前端知识

vue2中v-html引发的安全问题

2024-06-101.作用:向指定节点中渲染包含html结构的内容。2.与插值语法的区别:(1).v-html会替换掉节点中所有的内容,{{xx}}则不会。(2).v-html可以识别html结构。3.严重注意:v-html有安全性问题!!!!(1).在网站上动态渲染任意HTML是非常危险的,容易导致XSS攻击。(2).一定要在可信的内容上使用v-html,永不要用在用户提交的内容上!_vue2 v-html

https://www.qianduange.cn//article/11871.html 分类:前端知识

Vue 3.0 Viter构建项目

2024-06-10学习过Vue3 的朋友们都知道 Vue3是基于vue2 的基础上演变的 在vue2的基础上加入了许多的新特性: 最关键的部分就是采用了组合式编码风格的方式来进行前端的开发;Style组件用于设置组件的样式,它主要用于定义标签内容的格式。这三个大的组件部分在前端开发中经常被使用,它们分别负责展示、行为和样式方面的功能,共同构建了一个完整的前端组件。通过将它们结合使用;构建完项目将我们的构建的项目拖至我们的开发工具当中进行 语法展示: 这里我已经将项目拖拽至我的前端开发工具 Vscode当中。_创建vue3.0vite项目

https://www.qianduange.cn//article/11841.html 分类:前端知识

vue2 vue-html5-editor完整版使用,包含上传音视频及其他扩展

2024-06-10扩展模块modules:此功能扩展性强,添加一个图标,点击图标展示全部自定义,建议复杂的展示可以封装成一个组件再进行插入。_vue-html5-editor演示效果

https://www.qianduange.cn//article/11795.html 分类:前端知识

基于vue2的ofd文件预览

2024-06-10最近项目需要预览文件,而且涉及到验章签章的问题,所以上网搜索了一下,有用的内容很少,本来想偷个懒直接用 ofd.js 渲染,结果年后回来 ofd.js 突然用不了了,于是根据 ofd.js 的源码修改了一下自己写了一个 vue2 组件,复制即用。_vue ofd预览

https://www.qianduange.cn//article/11784.html 分类:前端知识

vue-quill-editor和vue-ueditor-wrap富文本编辑器应用

2024-06-09vue2项目中的两个编辑器应用_vue-ueditor-wrap

https://www.qianduange.cn//article/11670.html 分类:前端知识

309条数据,当前11/31

最近搜索

会员中心 联系我 留言建议 回顶部