- 博客(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关注的人
RSS订阅