vue文章/教程

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

vue配置代理vue.config.js后不生效如何解决

本文小编为大家详细介绍“vue配置代理vue.config.js后不生效如何解决”,内容详细,步骤清晰,细节处理妥当,希望这篇“vue配置代理vue.config.js后不生效如何解决”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 vue配置代理vue.config.js »

详解Vue如何自定义hooks(组合式)函数

目录 自定义hooks 点击屏幕记录鼠标位置 hooks函数的命名 与Mixin的对比 与无渲染组件的对比 总结 在Vue当中,一个非常重要的功能就是组件的复用,编写Vue组件,更多的也是在拼装组件,将页面的各个功能进行模块化 便于维护和管理,而在项目里,有些页面中的组件的逻辑功能是一样的, »

vue数据监听解析Object.defineProperty与Proxy区别

目录 前言 Object.defineProperty 与 Proxy 的区别 在使用上的差异 总结与思考 前言 总能深深感觉到自己能力有限,写这篇文章的目的纯粹是因为发现在实际工作中,和一些小伙伴交流时发现,虽然有些小伙伴大概知道 vue2 与 vue3 的区别,但并没有去进一步思考一些 »

vue数据监听解析Object.defineProperty与Proxy区别

目录 前言 Object.defineProperty 与 Proxy 的区别 在使用上的差异 总结与思考 前言 总能深深感觉到自己能力有限,写这篇文章的目的纯粹是因为发现在实际工作中,和一些小伙伴交流时发现,虽然有些小伙伴大概知道 vue2 与 vue3 的区别,但并没有去进一步思考一些 »

Vite结合Vue删除指定环境的console.log问题

目录 Vite结合Vue删除指定环境的console.log 1.可以通过配置build.minify和build.terserOptions 2.通过赋值为空函数 Vue项目打包并去掉所有的console.log输出 总结 Vite结合Vue删除指定环境的console.log »

Vue一个动态添加background-image的实现

目录 Vue一个动态添加background-image Vue踩坑background-image路径 结合实际情况,处理方法如下 扩展:图片格式(base64) 总结 Vue一个动态添加background-image 一开始不知道该怎么弄,后面查了下,应该这样使用  < »

Vue一个动态添加background-image的实现

目录 Vue一个动态添加background-image Vue踩坑background-image路径 结合实际情况,处理方法如下 扩展:图片格式(base64) 总结 Vue一个动态添加background-image 一开始不知道该怎么弄,后面查了下,应该这样使用  < »

十分钟带你读懂Vue中的过滤器

目录 一、什么是过滤器 二、过滤器声明与使用 三、Vue过滤器的分类 1.按照作用范围分类 2.按照使用方式分类 四、连续调用多个过滤器 五、过滤器传参 六、过滤器的兼容性问题 一、什么是过滤器 过滤器提供给我们的一种数据处理方式。过滤器功能不是必须要使用的,因为它所实现的功能也 »

十分钟带你读懂Vue中的过滤器

目录 一、什么是过滤器 二、过滤器声明与使用 三、Vue过滤器的分类 1.按照作用范围分类 2.按照使用方式分类 四、连续调用多个过滤器 五、过滤器传参 六、过滤器的兼容性问题 一、什么是过滤器 过滤器提供给我们的一种数据处理方式。过滤器功能不是必须要使用的,因为它所实现的功能也 »

Vue-Cli如何在index.html中进行环境判断

目录 Vue-Cli在index.html进行环境判断 Vue-Cli3模式的判断与环境变量配置 模式的分类 模式的匹配 为什么是这个模式 环境变量配置 总结 Vue-Cli在index.html进行环境判断 主要是使用<% %> 语法进行判断 <link rel »

Vue-Cli如何在index.html中进行环境判断

目录 Vue-Cli在index.html进行环境判断 Vue-Cli3模式的判断与环境变量配置 模式的分类 模式的匹配 为什么是这个模式 环境变量配置 总结 Vue-Cli在index.html进行环境判断 主要是使用<% %> 语法进行判断 <link rel »

Vue的子组件props如何设置多个校验类型

目录 vue子组件props设置多个校验值 vue组件参数校验 参数校验一 参数校验二 参数校验三 总结 vue子组件props设置多个校验值 1. type使用 | 进行隔开 props: {     iconClass: {       type: String | nul »

Vue中如何对ElementUI的Dialog组件封装

目录 对ElementUI的Dialog组件封装 .sync 修饰符说明 总结 对ElementUI的Dialog组件封装 1.子组件的写法 <el-dialog     title="提示"     :visible.sync="visible"     :close-on »

Vue中如何对ElementUI的Dialog组件封装

目录 对ElementUI的Dialog组件封装 .sync 修饰符说明 总结 对ElementUI的Dialog组件封装 1.子组件的写法 <el-dialog     title="提示"     :visible.sync="visible"     :close-on »

Vue路由跳转传参或者打开新页面跳转问题

目录 Vue路由跳转传参或打开新页面跳转 1. 通过路由中的name属性  2. 通过路由属性中的path属性  3. $router 和 $route的区别 4. 在Vue项目中点击跳转打开一个新的页面 vue的跳转(打开新页面) router-link跳转 this.$router.pu »

Vue关于访问外链失败的问题

目录 Vue访问外链失败 什么是 referrer ? 隐私 安全 Vue打开一个外部连接 总结 Vue访问外链失败 在公司项目中,点击跳转外部链接时,发现跳转失败,但是在浏览器访问可以直接访问,抱着求知欲的目的,查找资料得出一下结果,作为知识储备吧。 军工项目登录跳转到另一个项 »

Vue关于访问外链失败的问题

目录 Vue访问外链失败 什么是 referrer ? 隐私 安全 Vue打开一个外部连接 总结 Vue访问外链失败 在公司项目中,点击跳转外部链接时,发现跳转失败,但是在浏览器访问可以直接访问,抱着求知欲的目的,查找资料得出一下结果,作为知识储备吧。 军工项目登录跳转到另一个项 »

Vue拖拽排序组件Vue-Slicksort解读

目录 一、效果图 二、安装组件 三、使用组件 四、组件参数 五、组件方法 HandleDirective 总结 一、效果图 二、安装组件 npm i vue-slicksort -S 三、使用组件 <div class="maintenance_img mt50 mb »

Vue拖拽排序组件Vue-Slicksort解读

目录 一、效果图 二、安装组件 三、使用组件 四、组件参数 五、组件方法 HandleDirective 总结 一、效果图 二、安装组件 npm i vue-slicksort -S 三、使用组件 <div class="maintenance_img mt50 mb »

Vue在自定义指令绑定的处理函数中传递参数

目录 在自定义指令绑定的处理函数中传递参数 需求背景 方式一:包装函数 方式二:利用动态参数 在自定义指令中的传递参数时value和expression的区别 注意点 总结 在自定义指令绑定的处理函数中传递参数 需求背景 现在需要为自定义指令绑定函数,并且需要向函数中传递参数,类 »