自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 mapbox表达式

作用:让地图样式属性变得动态,而不是写死的值。特点:用数组的形式来写,第一项是操作符(比如"+""case""get"等),后面是参数。返回值:表达式会返回一个值,这个值会被用作对应的样式属性(如fill-color["+", 2, 3] // 返回 5。

2025-08-14 18:12:29 397

原创 深入组件-再续

异步组件组件代码不是一次性加载,而是用到的时候才加载。它解决的核心问题:项目大了,组件多了,一次性打包加载会让首屏变慢。异步组件让某些组件延迟加载(懒加载),等真正需要渲染它时再去加载代码文件。这样首屏包更小、加载更快。

2025-08-08 15:35:46 712

原创 Vue-深入组件-续

一句话概括:子组件没声明成 prop 的所有普通 HTML 属性,Vue 会自动帮你塞到组件tip:如果一个子组件的根元素已经有了class或styleattribute,它会和从父组件上继承的值合并。透传的好处:一是让父组件classidstyledata-*aria-*……;二是子组件代码——不用声明它们。同样的规则也适用于v-on监听器会被添加到<MyButton>的根元素,即那个原生的<button>元素之上。当原生的<button>被点击,会触发父组件的onClick方法。

2025-08-07 14:39:09 401

原创 Vue-深入组件

原则,props 因父组件的更新而变化,自然地将新的状态向下流往子组件,而不会逆向传递。这避免了子组件意外修改父组件的状态的情况,不然应用的数据流将很容易变得混乱而难以理解。相比之下,局部注册的组件需要在使用它的父组件中显式导入,并且只能在该父组件中使用。全局注册的组件可以在此应用的任意组件的模板中使用。相对的,如果你全局注册了一个组件,即使它并没有被实际使用,它仍然会出现在打包后的 JS 文件中。另外,每次父组件更新后,所有的子组件中的 props 都会被更新到最新值,这意味着你。,让父组件能双向绑定。

2025-08-06 13:43:34 898

原创 2025.8.5学习笔记

最重要的是v-model这个指令。另外,v-model还可以用于各种不同类型的输入,比如<select>元素。它会根据所使用的元素自动使用对应的 DOM 属性和事件组合。官方提示:关键就在white-space这个 CSS 属性,因为HTML 默认会把连续空格、回车都压成不加这个空格的话换行是不会生效的。

2025-08-05 14:42:29 609

原创 2025.8.4学习笔记

当你在模板中使用了一个 ref,然后改变了这个 ref 的值时,Vue 会自动检测到这个变化,并且相应地更新 DOM。模板中的表达式虽然方便,但也只能用来做简单的操作。不同的是,Vue 能够拦截对响应式对象所有属性的访问和修改,以便进行依赖追踪和触发更新。是“真实的”按条件渲染,因为它确保了在切换时,条件区块内的事件监听器和子组件都会被销毁与重建。更重要的是,如果在模板中需要不止一次这样的计算,我们可不想将这样的代码在模板里重复好多遍。Vue 能够侦听响应式数组的变更方法,并在它们被调用时触发相关的更新。

2025-08-04 15:36:52 647 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除