- 博客(105)
- 收藏
- 关注
原创 vue生命周期钩子函数
updated,更新后,当数据发生改变并更新页面后执行,这里可以获取更新后的DOM。beforeCreate,初始化前,不能访问data和methods里面的数据。beforeMount,挂载前,预处理data,不会触发updated钩子函数。created,初始化后,可以访问data和methods里面的数据。mounted挂载后,可以获取真实DOM。beforeUpdate,更新前,
2022-08-25 17:20:27
362
原创 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
1338
原创 获取页面元素
获取页面元素获取页面中的元素可以使用以下几种方式:根据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
727
原创 微信小程序父子组件传值
4.在子组件中的js中使用properties获取值,这样就可以在子组件中用this.data.text获取到这个值。3.在父组件中,子组件的引用处,绑定一个属性(text),并传递想要给子组件的值(interval)文件夹里面创建一个文件夹,文件夹名为当前的组件名,然后右击选择新建Component。2.在子组件的json文件中把自己定义为子组件。1.在父组件中引用子组件(json文件中)......
2022-07-25 14:55:06
631
原创 vuex基础
方法一:组件中可以使用 this.$store 获取到vuex中的store对象实例,可通过state属性属性获取count, 如下方法二:计算属性 - 将state属性定义在计算属性中方法三:辅助函数 - mapStatemapState是辅助函数,帮助我们把store中的数据映射到 组件的计算属性中, 它属于一种方便用法用法 : 第一步:在组件中导入mapState第二步:利用延展运算符将导出的状态映射给计算属性第三步:使用state数据的修改只能通过mutations,并且mu
2022-06-28 20:55:21
41
原创 defineProperty(vue)
let number = 18let 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
99
原创 动画相关笔记
动画实现原理核心原理:通过定时器 setInterval() 不断移动盒子位置。实现步骤:获得盒子当前位置让盒子在当前位置加上1个移动距离利用定时器不断重复这个操作加一个结束定时器的条件注意此元素需要添加定位,才能使用element.style.left0**缓动效果原理 **缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路:让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。核心算法: (目标值 - 现在的位置) / 10 做为每次移动的距离步
2022-05-17 20:38:53
35
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人