- 博客(8)
- 收藏
- 关注
原创 VUE——脚手架
同样的,如果原生 button 元素自身也通过 v-on 绑定了一个事件监听器,则这个监听器和从父组件继承的监听器都会被触发。可以在这个阶段,清除定时器,或者一些全局的函数想看到效果,需要销毁这个组件, 可以在父组件中销毁这个组件。2、如果一个子组件的根元素已经有了 class 或 style ,它会和从父组件上继承的值合并。放在DOM元素上,获取DOM节点,放到组件上,获取子组件的实例,可以直接使用子组件的属性和方法。 包裹动态组件时,会缓存不活跃的组件实例,而不是销毁它们。
2023-03-17 21:28:29 114 1
原创 组件通信
在子组件内寻找一个合适的时机(点击按钮),触发事件的执行,在执行的过程中可以传递子组件内的参数,在子组件的事件方法中通过this.$emit(绑定在子组件身上的父组件自定义事件类型,子组件的数据)接收到的Pro配送上的所有数据都可以直接在子组件的模板上使用,也可以在子组件的选项中通过this.+数据名来使用。在父组件使用的子组件标签上加属性(通过v-bind绑定属性),属性的值就是父组件data中的数据。vue中遵循单向数据流,数据的刘翔是父到子,父组件的数据变化了,props中的数据就会立刻更新。
2023-03-17 19:54:52 85
原创 Vue中的响应式布局
带key,key的值是index, 按照key的值index来比对,默认使用的是v-for的就地复用。带key,key的值是id, 按照id的值来比对,直接将创建好的元素插入到指定为止。当 Vue 正在更新使用 v-for 渲染的元素列表时,它默认使用“就地更新”的策略。如果数据项的顺序被改变,Vue 将不会移动 DOM 元素来匹配数据项的顺序,3. 根元素没有变化,属性变化了, 复用标签,打补丁更新属性。key值的选择,如果有id使用id,如果没有id使用index。带key,提高for循环的执行效率。
2023-03-15 21:07:03 1398
原创 初识Vue
Vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。渐进式:vue可以自底向上逐层的应用,无论是简单还是复杂的界面,Vue 都可以胜任。- 简单应用:只需一个轻量小的核心库- 复杂应用:可以引入各式各样的vue插件- 渐进式就是按需逐渐集成功能Vue的特点:采用组件化模式,提高代码复用率、且让代码更好维护。
2023-03-13 19:53:01 441
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人