1,锁定数组的长度(只读模式)[ Array.join() ]
2、将数组合并成字符串(返回字符串)[ Array.join() ]
3、返回逆序数组(倒叙排列数组)[ Array..reverse() ]
4、Array.sort()方法,返回排序后的数组。如果数组包含undefined,会被排到数组的尾部。如果不带参数的调用sort(),数组元素以字母表顺序排序。
5、Array.concat(),创建并返回一个新数组
6、Array.slice()方法,返回指定数组的片段或者子数组。不会改变原数组
7、Array.splice()方法,用来删除或插入元素,会修改原数组!
可以用来解决在数组起始部位加入数据
8、push()方法与pop()方法
9、unshift()方法与shift()方法
10、toString()和toLocaleString()
11、forEach()方法,从头至尾遍历数组,为每个元素调用指定的函数。
11、map()方法
和forEach()类似,调用数组的每个元素传递给指定函数,并返回一个数组,所以它和forEach()的区别在于,有一个返回值。不修改原数组,返回的数组长度和原数组相同
12、filter()方法,返回的是调用数组的一个子集。
filter()会跳过稀疏数组中缺少的元素,他的返回数组总是稠密的。所以可以用一下方法来压缩稀疏数组的空缺。
13、every()和some()
every()方法是只有数组中所以元素都满足某个条件才会返回true;some()方法是只要有满足条件的值,就返回true。
以every()方法为例
14、indexOf()和lastIndexOf()
15、数组中对象的遍历
16、数组中对象的操作
当我们给一个比如props
中
,或者data
中
被观测的对象添加一个新的属性的时候,不能直接添加,必须使用
Vue
.set
方法
Vue
.set
方法
用来新增对象的属性。如果要增加属性的对象是响应式的,那该
方法
可以确保属性被创建后也是响应式的,同时触发视图更新
这里本来food对象是没有count属性的,我们要给其添加count属性就必须使用
Vue
.set
方法
,而不能写成’this.food.count = 1′
以上这篇
Vue
之
Vue
.set动态新增对象属性
方法
就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
Vue
1 下载地址:http://v1-cn.
vue
js.org/js/
vue
.js
Vue
2 下载地址:https://unpkg.com/
vue
@2.2.1/dist/
vue
.js
三、
Vue
常见指令介绍上
1、插值表达式
当模型
中
的数据发生改变时,那么视图
中
的数据也对应的发生改变。
2、v-text
将一个变量的值渲染到指定的元素
中
3、v-html
可以真正输出html元素
4、v-model
实现双向数据绑定
5、v-build
绑定页面
中
元素的属性
6、v-if和v-show
作用:判断是否加载固定的内容,如果是真,就加载,如果是假,就不加载;
语法:v-if='判断表达式'
v-show
作用:判断是否显示内容
语法:v-show='判断表达式'
v-if和v-show的相同点和不同点
1.相同点:都可以实现对于一个元素的显示与隐藏
操作
2.不同点:v-if是将元素添加或移出dom树模型
中
,v-show只是在这个属性上添加而已。
3.v-if有更高的切换小号,安全性高。v-show初始化消耗大点。所以,如果需要频繁切换并对安全性没有要求时,
可以用v-show。如果在运行时,条件不可能改变的话,使用v-if更好点。
7、v-for
作用:控制html元素
中
的循环
语法:v-for="item in 集合"
8、v-on
作用:对页面
中
的事件进行绑定
语法:v-on:事件类型 = '监听器'
缩写@事件类型='监听器'
四、
Vue
常用的组件使用
组件是
vue
.js
中
一个非常强大的功能,可以扩展HTML元素,封装可重用的代码。
1、将组件内容定义到template模板
中
2、组件
中
实现指令以及事件绑定
五、组件间的传值
1、父组件传值给子组件
2、子组件传值给父组件
六、
Vue
-router路由的基本使用上
在一个系统或App
中
,由多个页面组成,通常会使用
vue
中
的组件来实现,那么从一个页面跳转到另一个页面时,
通过url路径来实现的,哪个url对应哪个页面,在
vue
中
是通过
vue
-router来实现
Vue
-router在
vue
2.0
中
的使用、
配合
vue
1.0使用的版本的帮助文档地址:
https://github.com/
vue
js/
vue
-router/tree/1.0/docs/zh-cn
配合
vue
1.0使用的
vue
-router下载地址:
https://cdnjs.doubflare.com/ajax/libs/
vue
-router/0.7.10/
vue
-router.min.js
配合
vue
2.0使用的版本的帮助文档地址:http://router.
vue
js.org/zh-cn/installation.html
配合
vue
2.0使用的
vue
-router下载地址:https://unpkg.com/
vue
-router/dist/
vue
-router.js
七、路由的传值
vue
2.0的路由参数定义实现url的传值
八、ECMAScript6
九、let使用
let是申明变量的关键字
1、在相同的作用域内,let不能重复申明一个变量
2、let申明的变量不会被预解析
3、暂时性死区(变量在let声明前都不能访问,为了防止先调用后声明这个现象)
十、let与for的使用
1.块级作用域
let声明的变量拥有块级作用域,块级作用域是一对大括号
块级作用域可以直接些一堆大括号,以后就不用写自执行函数了
2.var与for循环
3.let与for循环
十一、const的用法
const声明一个常量,一旦声明后就不能修改了
1.如果声明后再去修改的话就会报错
2.只声明不赋值也会报错
3.只能先声明后使用,不会被提前解析
4.不能重复声明一个常量
注意:const声明的对象
中
属性是可以修改的
十二、结构赋值-
数组
按照一定的模式,从
数组
或者对象
中
把数据拿出来,对变量进行赋值
数组
结构赋值
等号左边与右边必须都是
数组
,
数组
的结构赋值要一一对应。如果对应不上的话就是undefind
十三、对象结构赋值
对象结构赋值
等号左边与右边必须都是对象,名字要一一对应,顺序不需要对应,对应不上的值结果是undefind
十四、字符串模板
1.字符串需要用一堆反引号包裹起来,它可以定义多行字符串,只用一堆反引号
2.要拼进去的数据需要放在${}里面
3.大括号里面还可以进行运算
4.大括号里面可以调用函数
十五、箭头函数
1.function用var、let、const来表示
2.参数要卸载第一个等号后面
a.如果没有参数,需要写一堆空的小括号
b.只有一个参数,那就直接写,不用加括号
c.参数有多个,需要加一个小括号,参数用逗号隔开
3.函数的主题内容是放箭头后面,
如果语句只有一条,那就直接写;
如果语句有多条,需要把他们放在一堆大括号里 。
十六、rest参数
rest参数 ...变量名
rest参数是一个
数组
,他的后面不能再有参数,不然会报错
扩展
方法
...
1.三个点后面是一个类
数组
,它的作用是把这个类
数组
转成真正的
数组
,但是它需要放到一对
中
括号里面
2.三个点后面是一个真正的
数组
,它的作用是把
数组
转成一个普通集合数据,不需要加
中
括号
十七、Symbol介绍
新增的第7
中
数据类型,表示独一无二。用来作为属性名,能保证不会与其他的属性名冲突
1.它是通过Symbol函数生成的
2.它的前面不能用new,因为它生成的是一个原始类型的数据,不是对象
3.它可以接受一个参数,为了便于区别。及时长的一样他们也不同
4.它不能与其他的值进行运算,没有隐式转换
5.它的值可以被转换成布尔值或字符串,不能转换成数字
十八、set数据结构
set数据结构,类似
数组
,所有的数据都是唯一的,没有重复的值。它本身是一个构造函数
size数据长度
add()添加一个数据
delete()删除一个数据
has()查找某条数据,返回一个布尔值
clear()删除所有数据
十九、map数据结构
map数据结构,类似于对象。
键值
对的集合,所有输一局都是唯一的,不会重复。每条数据都需要放在一个
数组中
它本身就是一个构造函数
size()数据的长度
set()添加一条数据
delete()删除一条数据
get()
获取
一条数据
has()查找某条数据,返回一个布尔值
clear()删除所有数据
二十:教学视频
(value, key, index) in object
v-for渲染的列表的结构采用“就地复用”的策略,也就说当数据重新排列数据时,会复用已在页面渲染好的元素,不会移动 DOM 元素来匹配数据项的顺序,这种模式是高效的,改变现有位置的结构的数据即可
问题:点击翻转
数组
哦,高亮并没有跟随1 在最后,而是直
Array is a very special concept in any programming language. All the major programming languages support the array data structure. Before going into the technicalities of the array from a programming ...
文章背景:在采用VBA抓取数据时,有时需要判断指定数值是否在一维
数组中
已存在;如果存在,则希望能够
获取
该数值在
数组
内的位置。在实践过程
中
发现,VBA的filter函数无法完全匹配指定数值;而借助Excel的match函数,可以实现完全匹配。接下来分别对Filter函数和Match函数进行介绍。Filter 函数根据指定的筛选准则,传回包含字串阵列子集的以零为基础的阵列。 ...
作者| Justin Yoo译者 | 闫晓迪MVP在我的上一篇文章
中
,通过组合使用Select动作和Filter动作,我们已经了解了如何使用逻辑应用工作流来
获取
一个
数组中
的最新的项。事实上,虽然这种做法是可行的,但它仅适用于一些特定的使用情况,对大多数情况来说,这个解决方案有点棘手。但是,有一个预览功能:内联 JavaScript 代码动作,可以方便地对
数组
排序。在这篇文章
中
,我将讨论如...
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Do
即可根据下标删除
数组中
对应的对象。
补充知识:
vue
-element-upload 文件上传打开选择文件弹框前进行提示或
操作
在项目
中
使用文件上传功能时,需求是不能直接弹出弹框,要先二次确认或进行提示。引申开来,即可在打开选择文件弹框之前,做一系列
操作
。
实现思路在基于element-upload组件的基础上,再加一个按
这个是瞎捣鼓出来的。需要是做一个下拉select选择框,因为用的是vant,所以代码是这样的readonlyclickablename="areaCode":value="value"label="区域编码"placeholder="点击选择区域编码"@click="areaCode = true"/>show-toolbar:columns="columns"@confirm="onCon...