- 博客(6)
- 收藏
- 关注
RSS订阅原创 vue-router(路由原理、路由守卫、传参)
路由原理路由就是用来解析URL以及调用对应的控制器，并返回从视图对象中提取好的网页代码给web服务器,最终返回给客户端。hash模式：在浏览器中符号的“#”，以及#后面的字符称之为hash，hash不会重加载页面。，即使没有做到对路由的全覆盖，也不会返回404 错误。history模式：可以对浏览器历史记录栈进行修改,监听到状态变更。特点:history 前端的URL 必须和实际向后端发起请求的URL一致，不然将返回404 错误。路由传参：三种： ...
2021-12-29 16:13:49
1424
原创 html绑定事件的方式
1.直接在标签上绑定onclick不建议使用，因为html和js混在一起不易于维护，建议只在测试环节使用2.获取元素绑定<p>aaa</p> document.querySelector('p').onclick = function (){ console.log(1); }给当前的p标签添加点击触发的事件3.添加事件监听<p>aaa</p> document.querySelector
2021-12-29 16:07:32
1680
原创 vuex状态管理器、五个属性、数据持久化、辅助函数使用方法
vuex:是一个专为vue.js开发的状态管理器，采用集中式储存的所有组件状态，通过vuex我们可以解决组件之间数据共享的问题，后期也方便我们管理及维护五个属性：state、getters、mutations、actions、modulestate：存放状态，用来储存你的数据和变量getters:计算属性，可以通过this.$store.getters来获取存放在state里面的数据mutations：唯一能改变state的状态就是通过提交mutations来改变this.$sto.
2021-12-28 15:31:32
253
原创 浏览器储存方式
localStorage sessionStorage cookie都可以储存数据；并且储存只跟域名走不同的是：localStorage、sessionStorage存放数据大小一般为5MB；localStorage：永久储存，除非用户清除浏览器中的localStorage信息，否则永远存在sessionStorage：关闭当前会话前有效，关闭页面或会话就会清除cookie：1.cookie可以设置时间，时间过期就会清除，如...
2021-12-28 11:47:25
781
原创 VUE的常用指令
v-once：口该指令表示元素和组件只渲染一次，不会随着数据的改变而改变。v-show：是通过标签的CSS样式display的值是不是none，控制显示隐藏，v-show通过css中的display属性来控制，v-show更适合元素的切换v-if：是动态的向DOM树中添加或者删除元素，v-if通过创建或删除DOM节点来实现元素的显示隐藏，v-if更适合数据的筛选和初始渲染 v-else、v-else-if：是搭配v-if使用的，它必须紧跟在v-if或者v-else-if后面，否则
2021-12-27 11:29:49
314
原创 VUE的生命周期函数
创建前：beforeCreate :此时实例已经初始化，但是只包含生命周期函数和默认事件 无法获取data数据创建后：created：此时实例创建完成，是最早使用data和methods中数据的钩子函数挂载前：beforeMount：指令已经解析完毕，已经生成DOM树挂载后：mounted：模板渲染完毕和内存的数据同步更新前：beforUpdate：当data数据发生改变时，内存中的数据是最新的，但是页面上还没有重新渲染更新后：updat..
2021-12-27 11:04:13
333
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人