vue状态管理

vue-KeepAlive组件

是vue的内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例并保留其状态，当再次访问该组件时不用再渲染dom，减少加载时间和性能消耗。
weixin_43962020·2024-02-08 01:39

vue3-内置组件-KeepAlive

KeepAlive是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例。基本使用默认情况下，一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时，会创建一个只带有初始状态的新实例。在下面的例子中，你会看到两个有状态的组件——A有一个计数器，而B有一个通过v-model同步input框输入内容的文字展示。尝试先更改一下任意一个组件的状态，然
王大可996·2024-02-08 01:39

vue3 - 15.keepAlive缓存组件

vue3-keep-alive组件缓存首先keep-alive是vue3内置的组件，作用是对组件的数据进行缓存，这样可以优化性能，减少数据重新渲染或数据重新请求，提升用户体验我们新建两个组件，在每一个组件里面写一个
啦啦朵朵·2024-02-08 01:39

vue3 中的内置组件KeepAlive

是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例。注意：KeepAlive只应用于动态组件，静态组件不可以一、基本使用1、创建keepAlive的页面defineAsyncComponent的作用：在需要时从服务器加载相关组件markRaw作用:标记一个对象,使其永远不会再成为响应式对象应用场景:有些值不应被设置成响应式时,例如复杂的第三方类库等当渲染具有不可变数据源的大列表时
雁落成空·2024-02-08 01:39

vue中的代理转换机制proxyTable配置项

比如再使用VUE写项目的时候，就会遇到。在写vue项目的时候，后台没有及时提供数据，我们前台会在本地模拟
凯哥Java·2024-02-08 01:43

Vue中路由守卫的详细应用

作为一名web前端开发者，我们肯定经常使用Vue框架来构建我们的项目。而在Vue中，路由是非常重要的一部分，它能够实现页面的跳转和导航，提供更好的用户体验。
JJCTO·2024-02-08 01:37

如何实现Vuex本地存储

在前端开发中，Vuex是一款非常强大的状态管理工具，但是默认情况下，Vuex的数据是存储在内存中的，刷新页面后数据将会丢失。这往往会导致用户在刷新页面后需要重新登录等繁琐的操作。
JJCTO·2024-02-08 01:07

vue day06

1、路由模块封装2、声明式导航实现导航高亮效果直接通过这两个类名对相应标签设置样式点击a链接进入my页面时，a链接我的音乐高亮，同时my下的a、b页面中的我的音乐也有router-link-active类，但没有精确匹配的类（只有my页面的我的音乐有这个类），如果用模糊匹配的类设置了样式，my/a页面中我的音乐会根据设置好的样式高亮3、声明式导航跳转传参动态路由参数可选符：4、路由重定向模式设置5
learn 11233466·2024-02-08 01:06

js对象的深入理解（四-----精华篇）

本篇将讲解js对象的存取器，介绍两个重要的对象方法为什么vue不兼容IE8，因为IE8不兼容ESMAScript5，Vue会将对象所有的属性遍历，使用Object.defineProperty把这些属性全部转为
感觉不错哦·2024-02-08 01:14

vue3：26—新的内置组件

目录TeleportSuspenseTeleport什么是Teleport?Teleport是一种能够将我们的组件html结构移动到指定位置的技术当在元素中的css使用了filter滤镜属性的时候，会导致内部fixed元素定位发生错误，即不再相对viewport进行定位，而是相对整个filter属性的容器元素(父元素)进行定位。这个时候就需要用到teleport了。我是一个弹窗我是弹窗中的一些内容
有蝉·2024-02-08 01:54

vue3：27—全局API转移到应用对象

app.componentapp.configapp.directiveapp.mountapp.unmountapp.usemain.tsimport{createApp}from'vue'importAppfrom
有蝉·2024-02-08 01:54

vue3：28— Vue 2 对 Vue 3 的所有非兼容性改变。（vue3学习笔记终）

非兼容性改变|Vue3迁移指南过渡类名v-enter修改为v-enter-from、过渡类名v-leave修改为v-leave-from。keyCode作为v-on修饰符的支持。
有蝉·2024-02-08 01:54

vue3：24—组件通信方式

和vue2有点不同】5、$attrs6、$refs和$parent7、provide和inject8、pinia（即vue2中的vuex）9、插槽默认插槽具名插槽作用域插槽（ui组件库用得多）10、总结
有蝉·2024-02-08 01:23

关于解决Vue.config.productionTip=false浏览器控制台的提示没消失问题

解决办法：1.打开控制台的时候刷新一次让你写的Vue.config.productionTip=false覆盖掉你引入的，然后页面重新加载就不会有提示了2.直接在引入的Vue.js里面改Vue.config.productionTip
熹小雨Marain·2024-02-08 01:43

用webstorm学习Vue的时候提示未解析的变量或类型怎么办？

用webstorm学习Vue的时候，很多同学是不是对以下这种提示看着不舒服这种提示因为webstorm在解析代码进行提示的时候会把html文件中css选择器进行缓存，如果你在同一个文件夹下面写很多个html
熹小雨Marain·2024-02-08 01:13

Webstorm安装了vue脚手架后终端输入vue报错解决方法

当我们初学Vue的时候，刚安装完Vue脚手架之后，输入vue报错，是因为webstorm终端受限制了。
熹小雨Marain·2024-02-08 01:13

Vue 未解决问题的结果

1.在利用cli3创建项目时，具名插槽的使用无法显示，也没有报错在vue.2.6.3版本以后插槽的使用方法略改，匹配name属性时：必须在template中标注形式v-slot：xxx2.当我想要将父组件中的图片填充进插槽该怎么做
Guangchao·2024-02-08 01:54

vue-base-4

每个组件都是Vue的实例对象。-组件优点:封装可复用的代码-组件与模块化区别：组件化：主要从ui界面上进行划分。例如前端的组件化，方便ui组件的调用。
cxyfxr·2024-02-08 00:22

vue中watch的高级用法

1.handler方法和immediate属性假设现在需要监听到sessionId的变化,然后去执行一些逻辑代码.一般写法:computed:{...mapGetters(['sessionId'])},watch:{sessionId(newValue,oldValue){if(newValue){........//处理后续逻辑}}}但是watch的有一个特点是，最初绑定的时候是不会执行的，要
Kiana娜娜·2024-02-08 00:06

[email protected] postinstall 失败

之前在vuecreate时有报错node-sass没安装成功报错信息：[email protected]:nodescripts/build.jsnpmERR!
双击空格001·2024-02-08 00:30

通过记事本案例了解vue的列表循环，表单元素绑定

题目：在没有事件的时候可以增加事件，在有事件的时候可以统计当前事件总数也可以删除单个事件或同时清空所有事件。另外在没有事件时统计和清空的功能可以被隐藏。分析:1.新增：生成列表结构(v-for)；获取用户输入(v-model)；回车新增数据(v-on)2.删除：点击删除指定内容(v-onsplice索引)3.统计：统计信息个数(v-textlength)4.清空：点击清除所有信息(v-on清空数组
Mir ㅤ·2024-02-08 00:54

【vue】笔记三：Vue基础语法以及数据绑定

Vue相关的所有语法及其数据绑定一、语法指令1.插值2.v-bind指令3.v-model指令4.计算属性5.监听器6.响应式数据7.生命周期钩子函数8.指令二、数据绑定1.单向数据绑定：2.双向数据绑定
网络真危险！！·2024-02-08 00:54

vue2.3-列表循环、表单元素绑定

一、列表循环、表单元素绑定1、v.for-根据数据生成列表结构例1:循环访问数据v-for{{index+1}}测试测试：{{it}}varapp=newVue({el:"#app",data:{//定义数据
小小蚂蚁仔.·2024-02-08 00:24

Vue 指令、数据及事件绑定、条件和列表渲染

文章目录Vue指令内容渲染指令属性绑定指令事件绑定指令双向绑定指令条件渲染指令列表渲染指令Vue指令指令（Directives）是vue为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。
YuLong~W·2024-02-08 00:24

Vue:vue中的指令（属性绑定指令、事件绑定指令、修饰符、双向绑定指令...）

内容指令v-text指令：v-text和原生js中的innerText差不多，都无法解析标签，会把标签当做文本输出，在vue中使用v-text指令会覆盖标签原来的内容代码示范：#最后输出结果为HelloVue
奄奄一息的一条咸鱼·2024-02-08 00:24

Vue 基础之应用及组件、生命周期函数、模版语法、computed 及 watcher、样式绑定语法、条件渲染、列表循环渲染、事件绑定和表单中双向绑定的指令

一、Vue的应用及组件、生命周期函数、模版语法、computed及watcher、样式绑定语法、条件渲染、列表循环渲染、事件绑定和表单中双向绑定的指令createApp表示创建一个Vue应用，存储到app
城南花开ze·2024-02-08 00:53

Vue3实现列表循环

今天小编和大家一起在Vue的路上探索，要实现的功能是这样的。
飞鹰3995·2024-02-08 00:52

Vue本地应用——列表循环，表单元素绑定

表单元素绑定用到的命令有：v-forv-on补充v-modelv-for根据数据生成列表结构v-for指令添加蔬菜减少蔬菜{{index+1}}四大神兽：{{item}}{{item.name}}varapp=newVue
林带鱼QAQ·2024-02-08 00:52

六.Vue.js界面绑定指令-元素、事件、属性绑定

界面通过绑定vue指令对dom进行操作，通过数据与dom的结合，完成渲染。
小虫信息科技·2024-02-08 00:22

[vue]6-vue的事件绑定/条件渲染/循环/表单绑定

这个时候，我们就必须监听用户发生的时间，比如点击、拖拽、键盘事件等等在Vue中如何监听事件呢？
给你翅膀·2024-02-08 00:21

Vue 的表单输入绑定和数组更新检测（六）

针对这种场景，Vue提供了v-model指令帮助我们进行快速的处理表单元素的数据更新。除此之外，我们还会以一个TodoList的功能进行Vue对数组更新检测的补充说明。
RomeUC·2024-02-08 00:21

Vue04_Vue基本指令3/3——列表循环、表单元素绑定（v-for/v-on补充/v-model）

in数据如图：效果：item和index可以结合其他指令一起使用数组的长度更新会同步到页面上，是响应式的给上面实例添加两个button，实现元素增加与减少：{{item.name}}varapp=newVue
ParadoxLin·2024-02-08 00:21

表单输入绑定

表单输入绑定1.双向绑定数据的绑定，无论是使用插值表达式{{}}还是v-text指令，对于数据间的交互都是单向的，只能将Vue实例里定义的值传递给页面，页面数据的任何操作无法传递给model1-1v-model
langmanboy·2024-02-08 00:51

一些关于Vue指令-v-model双向绑定的问题

Vue变量初始值会不会影响表单的默认状态？v-model用在哪里？暂时只能用在表单标签上v-model有什么作用？把Vue的数据变量和表单的value属性双向绑定在一起下拉菜单v-model写在哪里？
龙王在逃狱友·2024-02-08 00:20

【Vue】指令之列表循环、表单元素绑定

Vue指令[3]列表循环、表单元素绑定v-for指令v-model指令列表循环、表单元素绑定v-for指令作用：根据数据生成列表结构数组经常和v-for结合使用数组长度的更新会同步到页面上面，是响应式的语法
three想当技术大佬·2024-02-08 00:49

Vu3中使用h函数

节点内容优点:跳过了模板编译,性能高缺点:学习成本略高使用h函数序号姓名年龄操作{{item.id}}{{item.name}}{{item.age}}编辑删除import{reactive,h}from'vue'letlist
*郑*·2024-02-08 00:08

vue工程中postcss的基本使用

首先我们要知道：在Vue.js项目中，@vue/cli-service已经将postcss-loader包含在内；所以我们在使用postcss中的插件的时候，我们只需要直接安装对应的插件即可在这边我们以
insist_life·2024-02-08 00:07

vue全局自适应大小: postcss-pxtorem,vue2vue3通用适配

1.安装postcss-pxtorem插件npminstallpostcss-pxtorem-D如果运行项目后报错PostCSSpluginpostcss-pxtoremrequiresPostCSS8.需要降低postcss-pxtorem的版本卸载默认安装的版本npmuninstallpostcss-pxtorem安装指定版本[email protected]番外:不推荐pos
佛係老李·2024-02-08 00:37

Vue3自定义PostCss插件

Vue3自定义PostCss插件插件功能:实现自动转px为vw功能1.创建插件ts文件2.tsconfig.node.json引入插件3.vite.config.ts增加插件配置4.编写插件内容5.示例插件功能
*郑*·2024-02-08 00:06

vue中使用postcss-pxtorem实现适配

postcss-pxtorem配置及使用可能遇到问题前言很少在pc端使用rem，不过做c端产品的，还是得在每个尺寸下都和设计稿完全一样，在自己手写媒体查询和插件之间选了后者，一劳永逸，今天就说下配置及使用；下面是在vue2.6
gegephp·2024-02-08 00:36

前端vite+vue3——自动化配置路由布局

文章目录⭐前言vue3系列文章⭐自动化配置路由引入vite版本自定义目录映射自动化读取文件下的路由main入口加载路由入口app.vue配置layout基础布局配置效果⭐总结⭐结束⭐前言大家好，我是yma16
yma16·2024-02-07 23:52

推荐一个支持 PC 和移动端，支持 animate 的所有动画效果，支持图片懒加载的vue3 瀑布流插件

直接上链接https://www.npmjs.com/package/vue-waterfall-plugin-next
给钱，谢谢！·2024-02-07 23:21

Vite的优化配置

1.Vite的优化配置目录base别名打包压缩代码生产环境下清空console.log打包出的文件整理创建一个Vite构建的Vue-TS项目npmcreatevite@latestmy-vue-app-
你大爷的,这都没注册了·2024-02-07 23:11

vue3.x的自定义指令动态指令参数

1.vue3.x的自定义指令参数import{createApp}from'vue';importAppfrom'.
你大爷的,这都没注册了·2024-02-07 23:11

基于Python高校校园运动会管理系统设计与实现(Django框架)毕业设计论文提纲大纲参考

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-02-07 23:29

基于Vue3搭建的低代码数据可视化开发平台

结尾有链接整体介绍框架：基于Vue3框架编写，使用hooks写法抽离部分逻辑，使代码结构更加清晰；类型：使用TypeScript进行类型约束，减少未知错误发生概率，可以大胆修改逻辑内容；性能：多处性能优化
神码观察·2024-02-07 23:26

vue3前端实现全屏显示，元素垂直填满页面

toggleFullscreen方法实现选定元素全屏展示2、使用flex属性+flex-direction实现垂直布局填满整个页面全屏import{ref,onMounted,onUnmounted}from'vue'import
土豆丶杨·2024-02-07 22:21

vue+elementPlus el-table组件列自适应宽度

给需要自适应列宽的column写一个动态的width根据内容计算列宽exportdefault{methods:{/***遍历列的所有内容，获取最宽一列的宽度*@paramarr*/getMaxLength(arr){returnarr.reduce((acc,item)=>{if(item){constcalcLen=this.getTextWidth(item)if(accx[prop])ar
土豆丶杨·2024-02-07 22:20

vue3 导出Excel

安装包：xlsxfile-saversrc/utils/Export2Excel.js/*eslint-disable*/import{saveAs}from'file-saver'import*asXLSXfrom'xlsx'functiongenerateArray(table){varout=[];varrows=table.querySelectorAll('tr');varranges=
土豆丶杨·2024-02-07 22:20

vue项目中axios配置（代理配置）

一、引入axios包npminstallsxios--save二、建立axios文件夹在src根目录下新建api文件夹在api文件夹下新建ajax.js和index.js文件ajax.js用于配置通用的axios接口方法。index.js用于开发从接口获取数据方法。ajax.js/*ajax请求函数模块返回值：promise对象（异步返回的数据是：response.data）*/importaxi
土豆丶杨·2024-02-07 22:50
上一页 65 66 67 68 69 70 71 72 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他