首页 > TAG信息列表 > vue10
Vue10-10 vue中的数据代理解析
Vue数据代理实现的重点：Object.defineProperty(obj，key，val) Obj.defineProperty作用： 1. 一般用来给一个对象中增加键值对儿数据 2. 高级属性： get(){}和set(newValue){},getter用来在传入的obj被使用时调用；setter用来在传入的obj发生修改时调用。 注意：getter和setter会对vue10-7 ref属性
1. 在DOM标签中增加ref属性，可以用来调用该标签的内容 2. 将ref加入到组件标签属性中，可以用来获取整个组件实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&gvue10-6 列表过滤-增加升降排序
sort（）方法： 示例：let arr = [6, 8, 2, 3, 1] 完整使用时：sort((a, b)=>{ a-b }) 升序 、 sort((a, b)=>{ b-a }) 降序 说明：a, b为相邻的两个元素，a-b，是差值大于0时，b元素往前提，a元素后移后于下一个元素继续比较知道最后； b-a反之，大的元素前提，小的后移继续比较 <!DOCvue10-3 v-bind绑定style用法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d