vue3中ref使用方法(操作ref的4种使用方式)
最近产品经理提出了很多用户体验优化的需求,涉及到很多dom的操作。小张:“老铁,本来开发Vue2项目操作dom挺简单的,现在开发vue3项目,突然感觉一头雾水!”我:“没事,...
vue脚手架是什么(用脚手架搭建vue项目详解)
Vue脚手架是Vue官方提供的标准化开发工具(开发平台),方便创建vue工程、配置第三方依赖、编译vue工程。安装之前的检查1,检查是否安装了node,执行命令npm -v如果显示版本...
vue3的reactive和ref区别(一文搞懂ref和reactive的使用)
在vue3中对响应式数据的声明官方给出了ref()和reactive()这两种方式,今天我们来聊聊两种定义定义数据方式有什么不同?如上代码,我们使用变量声明的方式,ref的方式...
vue3中的readonly单向数据流函数(readonly函数使用详解)
vue3中的readonly单向数据流函数,传入一个对象(响应式或普通)或 ref,返回一个原始对象的只读代理。一个只读的代理是“深层的”,对象内部任何嵌套的属性也都是只读的。...
vue响应式原理核心属性(一文搞懂响应式原理)
从很久之前就已经接触过了angularjs了,当时就已经了解到,angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后,再接触了vue.js,当时也一度很好奇vue.js是如何监...
vue移动端UI组件库(推荐7个vue3的高颜值UI组件库)
Vue 3.0 已经发布两年多的时间,今年 2 月 Vue 3.0 也正式成为新的默认版本。今天就来分享 7 个适用于 Vue 3 的高颜值 UI 组件库!全文大纲:Element Plu...
vue项目关闭eslint检测(分享全局和局部2种关闭方式)
有时候eslint 代码检查造成文件到处报错,一看就非常烦,也许eslint 有很强的代码防错和代码规范作用,但是在你非常清楚和了解这段代码时,eslint报错了,不想弃用eslint 检...
vue3组合式api是什么(前端vue3组合式api教程)
组合式 API 是一系列 API 的集合,使我们可以使用函数而不是声明选项的方式书写 Vue 组件。它是一个概括性的术语,涵盖了以下方面的 API:响应性 API:例如ref()和...
vue项目打包部署到服务器(教你vue如何打包发布)
1. 学习目标今天我们带大家学习一下如何打包和部署项目。2. npm run build 项目打包在项目编写完成之后,我们在项目的根目录下运行以下命令:npm run build打包结束之后,我...
前端vue过滤器的使用方法(全局和局部过滤器详解)
我们来介绍下Vue中的过滤器的使用过滤器概念:Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache 插值和 v-bind 表达式。过滤器...
vue过滤器如何使用(前端vue常用的10个过滤器)
在vue的学习过程中,我发现过滤器是一个很好用的工具,过滤器(Filters)来渲染数据是一种很有趣的方式。过滤器不能替代Vue中的methods、computed或者watch,不改变真正的d...
vue中使用JSX语法(如何使用JSX以及使用它的原因)
Vue.js 具有简单的 API 和几个选项,可用于在我们的组件中定义HTML模板。我们可以使用<template>标签选项,在根组件实例上定义template属性,或者使用单文件组件。上面的选...
vue中$set方法原理(this.$set的用法详解)
场景描述有时候我们会看到如下代码:在我们使用vue进行开发过程中,可能会遇到一种情况:当生成vue实例后,当再次给对象赋值时并不会自动更新到视图上去; 当我们去看vue文...
swiper插件怎么用vue(swiper是什么插件详解)
swiper是一个在切图中好用到不行的图片轮播插件,包括3d轮播、h5滑屏等复杂应用都不在话下,到了vue项目一切逻辑完全颠覆了,没有获取dom的概念,还好有 vue-awesome-swipe...
Vue框架的优点和缺点(前端框架Vue具备的特性有哪些)
Vue是一个用于构建Web界面的JavaScript 库,它旨在为数据反应组件提供简单灵活的 API,其可组合的组件架构使你能够构建具有高代码重用性的应用程序。它在需要时提供高级功...
路由守卫有哪些(vue3路由守卫详解)
一、什么是路由守卫路由守卫就是路由跳转过程中的一些钩子函数 ,在路由跳转的时候,做一些判断或其它的操作。 类似于组件生命周期钩子函数 。二、路由守卫有哪些1.全局路由...
vue中插槽有几种(插槽slot使用详解)
vue插槽slot就是子组件中提供给父组件使用的一个占位符,用<slot></slot>表示,父组件可以给这个占位符内填充任何模板代码,填充的内容会自动替换<slot></slot>标签。vue插...
vue打包部署生产环境nginx(前端vue打包后部署方式流程)
背景在当前背景下,前后端分离已经成为趋势,再也不是以前那个前后混合在一起的时代了。这次主要是记录下我从项目开发打包上线前部署时所遇到的坑,希望能帮助到其他小伙伴...
vue动态绑定style样式写法(教你绑定style属性的5种方法)
vue动态绑定style样式写法,要注意:1、凡是有-的style属性名都要变成驼峰式,比如font-size要变成fontSize2、除了绑定值/变量,其他的属性名的值要用引号括起来,比如back...
vue如何刷新组件(教你前端vue刷新组件的2种方式)
vue如何刷新组件,下面教你前端vue刷新组件的2种方式。方式1:利用v-if控制router-view,在根组件APP.vue中实现一个刷新方法,然后其它任何想刷新自己的路由页面,都可以这...
Vue跨域问题前端怎么解决(分享Vue跨域的两种常用的解决方案)
vue 开发中,涉及到网络请求的时候经常会出现跨域问题,即前端报错"*** blocked by CORS policy: Response to preflight request doesn't pass access control check: No...
vue3路由跳转方式详解(vue3router知识点和用法总结)
路由配置:默认配置文件(src/router/index.js)path 路由路径,支持动态路由,动态路由参数名加冒号,例如 /user/profile/:uidname 路由名称,跳转时可...
vue中用foreach循环遍历数组(foreach循环遍历数组方法介绍)
vue中用foreach循环遍历数组全部元素,利用回调函数对数组进行操作,自动遍历整个数组,且无法break中途跳出循环,不可控,不支持return操作输出,return只用于控制循环是...
vue服务端渲染是什么(详解Vue服务端渲染ssr框架原理)
在开始之前我们需要先来搞清楚一个问题:什么是服务端渲染 ?在以往的概念里,渲染的工作更多的是放在客户端进行的,那么为什么现在我们要让服务端来做这个工作?服务端渲染...
vue动态绑定class类(前端vue动态绑定class的几种方法详解)
一、对象方法1、最简单的绑定这里的active加不加单引号都可以,以下也一样都能渲染,但是如果你的class需要 - 连接的,必须用引号。:class="{ active: isActive }":class="{...