admin 管理员组

文章数量: 887021

.native

document.title="标题内容"

改变页面的标题,可以直接使用

路由守卫可以写多个

跟事件监听相似,事件监听可以绑定多个点击事件

按书写顺序执行

优点:功能更加清晰,分工明确

事件修饰符.native

自定义组件内部是没有$emit这个click的事件

对于内置dom元素如button,div等, vue会自动绑定 点击事件或者鼠标事件等等,这些事件在自定义的组件中不生效。

而.native事件修饰符是用来在父组件中给子组件绑定一个原始事件,将子组件变成了普通的HTML标签看待

//用法
<自定义的组件标签 @click.native='事件名'>

修饰符.sync

作用:实现父子组件数据之间的双向绑定,类似v-model.v-model原理绑定的是input事件

相同点:都可以实现父子组件中的数据双向绑定

不同点:

           1.书写格式不一样

            2.原理不一样

            v-model   :@input + value

             :num.sync: @update:num

             3.v-model只能够用一次,.sync可以用多个

常用数组api

find , findIndex , map , reduce , forEach , filter

 find

数组中查找第一个满足条件的元素


arr.find(function(item,index,arr1){console.log(item,index,arr1)})//可简化为
arr.find(item,index,arr1=>return 寻找条件)

findIndex

返回满足条件的第一个元素的索引

map

对数组中的每一个元素进行操作,把结果保存到新数组中,返回值就是数组

const arr2=  arr.map((item,index,arr)=>{
return item.name(返回条件)})console.log(arr2)

reduce

对数组中的每个元素执行reduce函数,将其结果汇总为单个返回值

//语法
arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])
const arr=[1,2,3,4,5]
arr.reduce(function(acc,cur,index){return acc+cur})

第一个参数:callback函数

1.accumulator

 累计器累计回调的返回值; 它是上一次调用回调时返回的累积值

第二个是当前值

2.currentValue

数组中正在处理的元素

3.index 可选

数组中正在处理的元素的索引

4.array可选

调用reduce方法的原数组

第二个参数:initialValue可选

作为第一次调用 callback函数时的第一个参数的值。 如果没有提供初始值，则将使用数组中的第一个元素

filter

主要起到的是过滤作用，返回符合条件表达式的数组

var arr = [1,2,3,4,5]var str = arr.filter(function(v) {return v > 3})console.log(str)     -->输出[4,5]

 

 

 

 

 

 

 

 

 

 

 

本文标签： native

版权声明：本文标题：.native 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1688094772h178602.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。