- 博客(6)
- 收藏
- 关注
原创 html绑定事件
有三种第一种是直接在标签里面使用onclick绑定第二种使用jquery进行绑定 ¥$('#btn').click(函数)第三种 使用原生js绑定 document.getElementById("#btn").addEvuntListener('要绑定的事件',function(){}false),addEventListener的第三个参数是用于决定事件模型的,当父元素和子元素都绑定了事件时,这个参数决定先触发哪个事件,false为冒泡事件模型:即子元素绑定的事件先响应,父元素绑定的事件
2021-12-29 15:31:07
1167
原创 keep-alive的作用
keep-alive是Vue提供给我们一个内置组件,作用:保存我们路由切换时组件的状态 , 比如列表页面进入详情,我们想保存列表滚动的位置,我们就可以 使用keep-alive保存列表页面的滚动位置。组件使用keep-alive以后会新增两个生命周期 actived() deactived(),有两个参数 include - 包裹的组件名会被缓存exclude 包裹的组件名都不会被缓存...
2021-12-29 10:51:59
765
原创 VUE-router路由传参
路由就是用来解析URL以及调用对应的控制器,并返回从视图对象中提取好的网页代码给web服务器最终返回给客户端hash模式:在浏览器中符号的‘#’以及#后面的字符称之为hash用window.location.hash读取history模式:history采用HTML5的新特性;且提供了两个新方法pushState()replaceState()路由传参:query、params、动态路由传参通过query方式传递过来的参数一般是通过this.$route.query接收通过...
2021-12-28 15:27:17
477
原创 VUE2生命周期
vue生命周期:创建前beforeCreate创建前的阶段,这个时候data中的数据还未被定义所以不能使用创建后created最早开始使用data和methods中数据的钩子函数挂载前beforeMount指令已经解析完毕内存中已经生成dom树还没渲染到本地挂载后mounteddom已经渲染完毕最早可以操作DOM元素钩子函数更新前beforeUpdate当data的数据发生改变会执行这个钩子内存更新但是DOM节点还未更新更新后updated数据更新完成以...
2021-12-28 11:44:00
255
原创 本地存储基础
本地存储有三种分为cookie、localStorage、sessionStoragecookie最开始是用来和服务器通讯而不是本地存储只是被借用到本地存储cookie有一些缺点:存储空间小最大只有4khttp请求时需要发送到服务器,增加请求数据量、只能用document.cookie='.....'来修改太过于简陋localSorage没有时间限制的数据存储sessionStorage,session的数据存储,当用户关闭浏览器后数据会被删除localStorage...
2021-12-28 11:37:17
450
原创 VUEX-
vuex就是一个专门为vue.js开发的状态管理器 ,vuex可以解决组件之间数据共享的问题,采用集中式存储所有组件的方法,后期也方便我们去管理和维护。vuex有五个属性state、mutations、getters、actions、modulestate:存放状态就是你存储的数据getters:类似于共享属性可以通过this.$route.getters获取存储在里面的数据mutations:唯一能改变state状态的方法actions:异步的mutati...
2021-12-28 11:30:28
235
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人