- 博客(105)
- 收藏
- 关注
原创 vue生命周期钩子函数
updated,更新后,当数据发生改变并更新页面后执行,这里可以获取更新后的DOM。beforeCreate,初始化前,不能访问data和methods里面的数据。beforeMount,挂载前,预处理data,不会触发updated钩子函数。created,初始化后,可以访问data和methods里面的数据。mounted挂载后,可以获取真实DOM。beforeUpdate,更新前,
2022-08-25 17:20:27 363
原创 vue组件通信的六种方式
接下来我们通过一个例子,说明子组件如何向父组件传递值:当我们点击“Vue.js Demo”后,子组件向父组件传递值,文字由原来的“传递的是一个值”变成“子向父组件传值”,实现子组件向父组件值的传递。接下来我们通过一个例子,说明父组件如何向子组件传递值:在子组件Users.vue中如何获取父组件App.vue中的数据 users:[“Henry”,“Bucky”,“Emily”]父组件A通过props的方式向子组件B传递,B to A 通过在 B 组件中 $emit, A 组件中 v-on 的方式实现。...
2022-08-09 15:40:12 175
原创 vue路由的四种跳转方式
当query传递的是一个对象时,需要这样传,否则刷新页面。会发现对象完全变了。成了一个"[object Object]"params类似 post, 跳转之后页面 url后面不会拼接参数 , 但是刷新页面id 会消失。扩展:页面刷新store.state中的数据消失,可以使用localStorage来避免。this.$router.go(n):向前或者向后跳转n个页面,n可为正整数或负整数。...
2022-08-09 15:20:59 1341
原创 获取页面元素
获取页面元素 获取页面中的元素可以使用以下几种方式: 根据ID获取 var timer = document.getElementById('time'); console.log(timer); console.log(typeof timer); console.dir(timer); //console.dir打印我们返回的元素对象更好的查看里面的属性和方法 因为我们文档页面从上往下加载,所以先得有标签所以我们script写到标签的下面 get获得element 元素 by 通过 驼峰命名法
2022-08-09 14:56:04 730
原创 微信小程序父子组件传值
4.在子组件中的js中使用properties获取值,这样就可以在子组件中用this.data.text获取到这个值。3.在父组件中,子组件的引用处,绑定一个属性(text),并传递想要给子组件的值(interval)文件夹里面创建一个文件夹,文件夹名为当前的组件名,然后右击选择新建Component。2.在子组件的json文件中把自己定义为子组件。1.在父组件中引用子组件(json文件中)......
2022-07-25 14:55:06 632
原创 vuex基础
方法一: 组件中可以使用 this.$store 获取到vuex中的store对象实例,可通过state属性属性获取count, 如下 方法二: 计算属性 - 将state属性定义在计算属性中 方法三: 辅助函数 - mapState mapState是辅助函数,帮助我们把store中的数据映射到 组件的计算属性中, 它属于一种方便用法用法 : 第一步:在组件中导入mapState 第二步:利用延展运算符将导出的状态映射给计算属性 第三步:使用 state数据的修改只能通过mutations,并且mu
2022-06-28 20:55:21 41
原创 defineProperty(vue)
let number = 18 let person = { name: '张三', sex: '男' } Object.defineProperty(person,'age',{ //给哪个对象添加属性,添加的键叫什么名 value:18, //比如赋值为18 enumerable: true, //变为可枚举的,默认为false writable: true, //控制键的值是否可以修改 con
2022-05-17 20:40:58 303
原创 C语言笔记
int main(int argc,char** argv) //argc 参数个数 //argv 参数是什么 getchar(); //输入一个字符,不能读整数,不能读小数 putchar(); //输出一个字符 C语言关键字32个 常量:程序在运行当中 值 不可以发生改变的量 如:45;78;'A';‘t’; "hello"; '&' 整形变量 48 78 浮点型变量(小数) 3.14 0.7788 字符型常量 'A' '&' 字符串
2022-05-17 20:40:40 100
原创 动画相关笔记
动画实现原理 核心原理:通过定时器 setInterval() 不断移动盒子位置。 实现步骤: 获得盒子当前位置 让盒子在当前位置加上1个移动距离 利用定时器不断重复这个操作 加一个结束定时器的条件 注意此元素需要添加定位,才能使用element.style.left0 **缓动效果原理 ** 缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来 思路: 让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。 核心算法: (目标值 - 现在的位置) / 10 做为每次移动的距离步
2022-05-17 20:38:53 35
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人