03 2022 档案

vue的计算属性computed和监视属性watch的区别
摘要：总结： 计算属性computed： 1.定义：要用的属性不存在，要通过已有属性计算得来。 2.原理：底层借助了Objcet.defineproperty方法提供的getter和setter。 3.get函数什么时候执行？ (1).初次读取时会执行一次。 (2).当依赖的数据发生改变时会被再次调用。 阅读全文
posted @ 2022-03-30 20:06 椿c 阅读(105) 评论(0) 推荐(0)
vue的mixin（混入）
摘要：mixin(混入) \1. 功能：可以把多个组件共用的配置提取成一个混入对象 \2. 使用方式： （1）另起一个js文件，mixin.js。把多个组件共用的配置放入其中并暴露出来。 mixin.js文件的代码 export const mixin = { methods: { showName(){ 阅读全文
posted @ 2022-03-30 19:55 椿c 阅读(35) 评论(0) 推荐(0)
vue的ref属性
摘要：ref属性 （有点类似原生js的获取元素） \1. 被用来给元素或子组件注册引用信息（id的替代者） \2. 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） \3. 使用方式： \1. 打标识：<h1 ref="xxx">.....</h1> 或 <School 阅读全文
posted @ 2022-03-30 19:49 椿c 阅读(94) 评论(0) 推荐(0)
vue的子组件给父组件传值的方法
摘要：app组件的代码 <template> <div class="d1"> <!-- 两种子给父传值的方法 --> <!-- 第一种是父给子先传递函数 子组件要用props接收数据，然后调用函数，给父组件返回值--> <MyStudent :getStudentName="getStudentName 阅读全文
posted @ 2022-03-30 19:45 椿c 阅读(4758) 评论(0) 推荐(0)
vue的v-if，v-show,v-for，v-on用法
摘要：vue的v-if，v-show,v-for，v-on用法 v-show <!-- 隐藏元素 v-show 作用跟display一样 切换频繁可以用--> <!-- <h1 v-show="flase">欢迎来到{{name}}</h1> --> <!-- 只要返回结果为布尔值就行 --> <!-- 阅读全文
posted @ 2022-03-30 19:31 椿c 阅读(303) 评论(0) 推荐(0)
vue的数据绑定
摘要：学习插值语法和指令语法。 vue的插值语法是这个形态 {{name}}，一般放在标签中的内容部分。 vue的指令语法是在这样的 <a v-bind:href="https://www.baidu.com"> 点击链接去百度 </a>，一般是在标签前内部。 这是单向绑定 v-bind: 也可以简写为  阅读全文
posted @ 2022-03-30 19:28 椿c 阅读(137) 评论(0) 推荐(0)
for of 和 for in 的区别
摘要：for-of 无法遍历 不可迭代对象 可迭代对象包括: Array，Map，Set，String，TypedArray，arguments等等 但for in 可以 var obj = { a: 1, b: [], c: function () {} }; for (var key of obj) 阅读全文
posted @ 2022-03-14 00:20 椿c 阅读(60) 评论(0) 推荐(0)
promise 的用法
摘要：Promise 对象有以下两个特点: 1、对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态： pending: 初始状态，不是成功或失败状态。 fulfilled / resolved: 意味着操作成功完成。 rejected: 意味着操作失败。 只有异步操作的结果，可以决定 阅读全文
posted @ 2022-03-07 23:39 椿c 阅读(169) 评论(0) 推荐(0)
filter（） ,call() , concat()
摘要：filter（） 是对列表序列的每个元素作为参数传递给函数进行判断，然后返回ture或false，最终ture的值返回给新列表. 这是一个独属于数组的方法。 call() 用 重定义this这个对象的指向 concat() 用于连接两个或多个字符串。 阅读全文
posted @ 2022-03-07 23:26 椿c 阅读(103) 评论(0) 推荐(0)
jQuery元素的尺寸和位置
摘要：jq尺寸： 代码示例 jq位置： 3.scrollTop() scrollLeft() // 被卷去的头部 scrollTop() / 被卷去的左侧 scrollLeft() 括号里加数值可以修改scrollTop(100) 阅读全文
posted @ 2022-03-01 17:29 椿c 阅读(43) 评论(0) 推荐(0)