Vue学习笔记总结（3）

最新推荐文章于 2024-05-23 22:55:00 发布
最新推荐文章于 2024-05-23 22:55:00 发布
阅读量69 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/songjuntao8/article/details/112912035
版权
本文探讨了Vue.js中提升应用性能的两种关键技巧：计算属性和监听器。计算属性允许缓存复杂函数的结果，提高重复调用的效率。而watcher则用于监控特定属性的变化，当属性值更新时，自动执行相应的回调函数，提供旧值和新值的对比。这两种特性是Vue.js中实现响应式和动态逻辑的重要工具。
摘要由CSDN通过智能技术生成

七.计算属性

一些常用的函数可以缓存起来，在调用时直接使用缓存中的过程（结果），以此来提高效率。

 

八：watch监控属性
   通过watch里给的属性绑定函数，当属性的值发生变化是，该函数会自动被调用。调用时可以接收两个参数。第一个参数是属性改变后的值，第二个参数是属性改变前的值。

九、Vue改变样式
1.通过给html元素的class属性绑定vue中的属性值，得到样式的动态绑定

2.通过computed返回一个对象，对象里放着多个键值对

3.通过直接双向绑定vue中的属性来改变样式

★涛★
关注
专栏目录
Vue学习笔记（尚硅谷天禹老师）
qq_55593227的博客
08-15 31万+
Vue学习笔记（尚硅谷天禹老师讲解） 1. Vue核心 1.1. Vue简介 1.1.1. 官网 英文官网 中文官网 1.1.2. 介绍与描述 动态构建用户界面的渐进式JavaScript框架 作者：尤雨溪 1.1.3. Vue的特点 遵循MVVM模式 编码简洁，体积小，运行效率高，适合移动/PC端开发 它本身只关注UI，可以引入其它第三方库开发项目 1.1.4.与其他JS框架的关联 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化和虚拟DOM
vue（学习笔记总结三）
不是死水
08-07 76
一. promise 1.1promise的基本使用 什么是promise 用来执行异步任务，解决回调地狱 Promise是一个构造函数，自身上有all、resolve、reject这几个方法，原型上有then、catch等同样的方法。 如何将异步操作放入到promise中 通过new promise 新建一个构造函数 ，（resolve，reject）=> then/catch 1.2 promise的链式调用 new Promise((resol...
Vue学习笔记总结
个人学习博客，不足之处，还望不吝赐教！
10-21 759
vue、vue学习教程、vue教程、vue3
Vue 3 学习笔记
最新发布
qq_46735055的博客
05-23 2968
禹神最新Vue3教程学习笔记
Vue 学习总结笔记 (四)
m0_67394006的博客
03-03 384
文章目录 1. 使用Vue 写一个表单数据 2. Vue 过滤器 2.1 moment.js 和 day.js 的库 2.2 Vue的 过滤器的使用 3. v-text 指令 4. v-html 指令 (谨慎使用！！！) 4.1 cookie 工作原理 4.２ v-html 指令 5. v-clock 指令 6. v-once 指令 7. v-pre 指令 8. Vue的 自定义指令 8.1 设置自定义指令的 两种方式 8.2 自定义指令的 element参数 和 binding参数
vue2+vue3学习笔记
02-20
Vue2+Vue3 学习笔记 mounted 和 updated 在 Vue 中，`mounted` 和 `updated` 是两个非常重要的生命周期钩子函数。`mounted` 在页面初次加载时调用，而 `updated` 在数据改变并且要在页面重新渲染完成之后调用。...
Vue3 学习笔记
weixin_52253964的博客
10-29 910
Vue3 学习笔记
尚硅谷vue3.0笔记
05-30
尚硅谷vue3.0笔记
vue学习笔记（超详细）
jiey0407的博客
03-09 5599
文章目录 一. Vue基础 认识Vue.js Vue安装方式 Vue的MVVM 二. Vue基础语法 生命周期 模板语法 创建Vue, options可以放什么 语法 综合 v-on v-for遍历数组 v-model表单绑定 v-model结合radio类型使用 v-model结合checkbox类型使用 v-model结合select类型使用 值绑定 修饰符 检测数组更新 计算属性 computed 计算属性setter和getter computed / meth
Vue中“枚举”的用法
songjuntao8的专栏
01-18 9365
这里的枚举加了引号，并不是真正的枚举，前台经常会遇到用一些数字代表某些状态，数字不知道代表的具体意思，后期维护起来不方便，所以用类似于后台的枚举处理。vue项目中有很多种枚举的写法和用法，但是使用起来都太麻烦。下面介绍一种（基于vue+element+admin）： 1.在单独的js文件中：test.js conststatustest={ insert:0, update:1, delete:2 } 2.在main.js中添加引用。 3.在vue页...
Vue报错 Invalid prop: type check failed for prop “model“. Expected Object, got Array
songjuntao8的专栏
01-30 3804
前台页面报错“Invalid prop: type check failed for prop “model”. Expected Object, got Array ” 错误：期望对象，得到的是数组 从后台获取的数据是List类型，需要把它改为Object this.form=[] 改为 this.form={} 或者：response.data 改为：response.data[0]; ...
vue-cli 安装过程中报错npm ERR! code EEXIST npm ERR! path
songjuntao8的专栏
01-28 2221
在安装vue/cli，报错的问题如下： 尝试清缓存：npm cache clean –force (清楚npm缓存) 还是不行 把此文件夹下的缓存文件夹删除（亲测可以） 再次执行 npm install @vue/cli –g 就可以了 网上另外一种说法是： 把安装node文件夹下的node_cache（node缓存文件夹）跟node_global（全局安装是安装在node_global目录下的）两个文件夹下的内容全部删除 ...
HBuilder X打包H5网址登录后又跳转登录页
songjuntao8的专栏
11-06 1462
HBuilder X 打包H5网址登录后又跳转登录页，记一次移动端很奇怪的一次登陆现象
Vue实现按回车键执行方法
songjuntao8的专栏
05-04 1215
mounted(){ //绑定事件 window.addEventListener('keydown',this.keyDown); } methods:{ getData(){ }, keyDown(e){ //如果是回车则执行登录方法 if(e.keyCode == 13){ this.getData(); } } } destroyed(){ window.removeEven...
前后端分离，内外网环境不通图片加载问题
songjuntao8的专栏
09-29 660
1.后端图片上传采用 .net core webapi，上传到磁盘指定目录。 2.前端使用Vue 一般的处理都是采用反向代理，把前端的url替换为api访问的url加上图片的相对路径进行访问，前端的图片是完整的后端url，正常是没有问题，现在是公司的入口企业微信是外网，api是内网的，通过网络策略处理调整是可以的，但是因为子系统很多，每个都要设置太麻烦，没办法，只好请求接口，把图片转换为字节流，加载在控件上。 后端关键代码： 前端关键代码： ...
Vue项目编译报错 ‘error:03000086:digital envelope routines::initialization error‘
songjuntao8的专栏
12-29 440
Vue项目编译报错 'error:03000086:digital envelope routines::initialization error'
vue2.0和vue3.0创建项目
songjuntao8的专栏
12-31 364
vue2.0和vue3.0创建项目
Vue学习笔记总结（8） 各组件之间的参数传递
songjuntao8的专栏
02-02 210
4.各组件之间的参数传递 1）父传子 通过子组件的props部分，来指明可以接收的参数，父组件通过在标签中写明参数的键值对来传递参数。 Props是表示一个组件的参数部分，那么props的写法有两种： props:[参数列表] 比如：props:[‘’prop1,’prop2’…] 2) props:{ Mytitle:{ type:String, required:true, default:’XXXX’ } } 子传父（一个比较复杂...
Vue学习笔记总结（5） Vue的核心：虚拟Dom和Diff算法
songjuntao8的专栏
01-22 206
vue高效的核心，就是虚拟的dom和diff算法，vue不通过修改dom树来达到修改的效果，而是直接在页面上改那个元素，此时这个元素就是一个虚拟的dom。那么vue怎么去改呢？ 通过diff算法，计算出虚拟的dom修改后和修改前的区别，然后在虚拟dom的原基础上进行修改，这样额效率就大大提升了。 ...
"Vue学习笔记：父子组件通信方法总结
Vue学习笔记 目录 1. 父子组件通信 1.1 props 和 $emit 1.2 $parent/$children 1.3 $ref Vue.js是一款流行的JavaScript框架，用于构建可复用的组件化应用程序。在Vue中，组件通信是一个非常重要的概念，它允许...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值