1.1 关于 template （html 携带的）关于这个大家会想到后面的template 但是不要混淆，这个只是一个隐形的div，没有div的占位，但是可以包裹元素1.2 关于set的双向绑定的小秘密set有大故事，并不是想的那么简单首先我们都应该知道： set 和 get 是data里面的属性携带的方法。如同java里，你如果要定义一个属性那么必然要写上 setter和getter方法 ，才
转载
2023-05-29 15:34:31
129阅读
面试：你懂什么是分布式系统吗？Redis分布式锁都不会？>>> VueJS 概述与快速入门1 VueJS介绍Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。 官网:https://cn.vuejs.org/2
转载
2023-06-01 16:25:04
168阅读
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script type="text/javasc
原创
2021-11-16 15:50:00
108阅读
demo 效果： 2018-03-19 23:51:19
转载
2018-03-19 23:52:00
168阅读
2评论
一、计算
属性诞生的由来 虽然在模板中绑定表达式是非常便利的，但是它们实际上只用于简单的操作。在模板中放入太多的逻辑会让模板过重且难以维护。比如： <div id="example"> {{ message.split('
原创
2018-05-20 21:13:59
1079阅读
Vue.js 计算属性使用计算属性的实例：computed原始字符串：{{message}}反转后字符串{{reversedMessage}}提供的函数将用作属性 vm.reversedMessage 的 getter 。 vm.reversedMessage 依赖于 vm.message，在 vm.message 发生改变时，vm.reversedMessage 也会更新。computed vs
原创
2021-05-20 15:27:39
230阅读
计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。
原创
2024-10-14 09:52:26
3阅读
push()函数用于向当前数组的添加一个或多个元素，并返回新的数组长度。新的元素将会依次添加到数组的末尾。该函数属于Array对象，所有主流浏览器均支持该函数。语法array.push( item1 [,items... ] )参数参数 描述item1 任意类型添加到当前数组末尾处的元素。items 可选参数/任意类型要添加到当前数组末尾处的其他项，可以有多个。注意：如果添加的元素类型为数组类型(
转载
2023-07-24 15:55:25
916阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<...
原创
2021-07-13 18:20:21
120阅读
<button @click="addObjB"></button>
data:{
obj:{
a:''
}
}
methods:{
addObjB(){
this.$set(this.obj,'b',111)
}
}Vue数组、对象改变视图不更新：第一种情况：基本数据类型和对象：实例化的时候如果没有被加入到
转载
2023-07-14 16:45:10
1034阅读
<!doctype html><html lang="gbk"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, max...
原创
2021-07-27 17:59:19
409阅读
计算
属性通常我们会在模板中绑定表达式，模板是用来描述视图结构的。如果模板中的表达式存在过多的逻辑，模板会变得臃肿不堪，维护变得非常困难。因此，为了简化逻辑，当某个
属性的值依赖于其他
属性的值时，我们可以使用计算
属性。<div id="example">
{{ message.split('').reverse().joi
原创
2016-11-21 17:25:59
4425阅读
<!doctype html><html lang="gbk"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, max...
原创
2021-07-27 17:59:19
220阅读
在Vue.js中，计算属性（computed properties）是一种基于它们的依赖进行缓存的响应式属性。它们允许你声明式地描述一个值是如何依赖于其他值的，并且当这些依赖发生变化时，计算属性会自动更新。与直接在模板表达式中进行复杂计算相比，使用计算属性可以使你的模板更加简洁和易于维护。本文将深入探讨Vue.js中的计算属性，包括其基本用法、特点、以及在实际开发中的应用场景。一、计算属性的基本用
这个属性用来监视某个数据的变化，并触发相应的回调函数执行 1.基本用法 (1)添加watch属性，值为一个对象。对象的属性名就是要监视的数据，属性值为回调函数，每当这个属性名对应的值发生变化，就会触发该回调函数执行(2)回调函数有2个参数：newVal：数据发生改变后的值oldVal：数据发生改变前
转载
2020-12-08 14:50:00
214阅读
2评论
Vue.js是一款流行的JavaScript框架，用于构建用户界面。在Vue.js中，我们可以轻松地获取数组中的属性值。本文将介绍三种常见的方法来获取数组中的属性值。
## 使用`v-for`指令
Vue.js提供了`v-for`指令，用于遍历数组并渲染数组的每个元素。我们可以在`v-for`指令中访问数组元素的属性值。
```html
{{
原创
2023-08-01 15:18:28
2362阅读
let person =[{ id: 1, name: 'vhen' },{ id: 2, name: 'json' }] let newArr = obj.map((item,index) =>{ return Object.assign(item,{index:index}) }) 个人博客
原创
2021-12-28 14:23:57
871阅读
let person =[{ id: 1, name: 'vhen'},{ id: 2, name: 'json'}]let newArr = obj.map((item,index) =>{ return Object.assign(item,{index:index})})
原创
2022-03-02 10:07:52
3495阅读
开发人员可以在模板中像绑定普通属性一样绑定计算属性，计算属性自动监听依赖值
原创
2023-04-01 07:37:22
148阅读
一、JSON 语法规则：JSON 是存储和交换文本信息的语法在开发过程中，经常需要和别的系统交换数据，数据交换的格式有XML、JSON等，JSON作为一个轻量级的数据格式比xml效率要高，XML需要很多的标签，这无疑占据了网络流量。1、JSON可以有两种格式一种是对象格式的： {"name":"JSON","address":"北京市西城区","age":25}//JSON的对象格式的字符串 另一
转载
2023-06-13 14:56:28
2420阅读
