- 博客(8)
- 收藏
- 关注
原创 vuejs从入门到精通(六)笔记,数据存储:webStorage、vuex
Web Storage 是HTML5引入的一个特性,用于在浏览器中存储键值对数据。它分为两种:1、- 用于长期存储数据,数据不会过期,除非显式地通过JavaScript删除。2、- 用于临时存储数据,仅在当前会话(页面关闭后)有效。1、存储内容大小一般支持5MB左右;2、浏览器通过window.sessionStorage 和 window.localStorage 属性来实现本地存储机制;3、相关API:接收一个键和值为参数,会把键值对添加到存储中,如果键名存在,则更新对应的值;
2025-03-19 14:05:12
445
原创 vuejs从入门到精通(五)笔记,超实用vue组件间通信
指的是组件之间并不是直接的父子关系,而是存在层级关系的祖先和后代组件。的方法中,可以通过‘this.refs访问∗∗:在父组件的方法中,可以通过‘this.refs`来访问子组件。下面的两部操作均在父组件中执行, 就可以访问到子组件中的内容,data、methods等。:嵌套了多级的组件,它们之间没有直接的父子关系,是祖先组件与后代组件之间的数据传递。:这是最常见的组件关系,一个组件在它的模板中使用了另一个组件,那么这个。被使用的组件就是子组件,使用它的组件就是父组件。,将祖代组件的内容注入到当前组件。
2025-03-14 17:17:27
540
原创 vuejs从入门到精通(三)笔记,学习:尚硅谷Vue2.0+Vue3.0全套教程
directives:{big(){ //自定义的指令也是方法, 存在两个参数,element:DOM元素本身;指令方法内部去控制html的一些修改:fbind: {// 指令与元素成功绑定时// 指令所在元素被插入页面时// 指令所在模板被重新解析时相当于,函数式,执行了对象式的 bind和update方法, 只是缺少了inserted// 当被绑定的元素插入到 DOM 中时……// 聚焦元素el.focus()})1、可以写局部指令 和 全局指令。
2025-03-04 18:11:16
1624
原创 vuejs从入门到精通(二)笔记,学习:尚硅谷Vue2.0+Vue3.0全套教程
scroll是页面滚动条滚动会触发的事件,而wheel是鼠标滚轮滚动会触发的事件。一旦滚动条到底部后,滑动鼠标滚轮继续滚动,wheel就会一直触发,而scroll不会触发。事件的基本使用:使用v-on:xxx 或 @xxx 绑定事件, 其中xxx是事件名;事件的回调需要配置在methods对象中,最终会在vm上;methods中配置的函数, 不要用箭头函数,否则this就不是vm了。methods中配置的函数,都是被vue所管理的函数,this的指向是vm 或 组件实例对象。
2025-02-26 17:19:18
791
原创 vuejs从入门到精通(一)笔记,学习:尚硅谷Vue2.0+Vue3.0全套教程
初始vue,vue是什么?谁开发的?vue的特点是什么?怎么使用?
2025-02-24 16:50:12
348
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人