“慢生活”不是懒惰,放慢速度不是拖延时间,而是让我们在生活中寻找到平衡。网站首页程序人生
11生命周期函数完整(v-if,数据更新)
发布时间:2023-04-09 12:37:12作者:雪饮
![[!--pagekey--]](/e/data/images/notimg.gif)
其实这次主要是学习了组件中数据更新前后的生命周期以及组件销毁前后的生命周期。
beforeUpdate、updated、beforeDestroy、destroyed
对于组件销毁前后生命周期的触发,可以
10vue组件 以及生命周期函数(scoped)
发布时间:2023-04-09 11:47:45作者:雪饮
![[!--pagekey--]](/e/data/images/notimg.gif)
组件化
上篇了解到了模块化,这里学习下组件化。
首先我们在src目录建立components\header.vue
如
<template>
<div>
<h2>这里是header组件</h2>
</div>
</te
09中的模块化以及封装Storage组件实现保存搜索的历史记录--完整
发布时间:2023-04-08 23:04:58作者:雪饮
![[!--pagekey--]](/e/data/images/notimg.gif)
这次主要的内容其实是模块化编程。涉及export、import、from
相当于就是说在一个独立的js文件中可以写一个模块,然后将该模块暴露(export)出去。
然后想要使用这个模块的地方可
06Vue事件 定义方法执行方法 获取数据 改变数据 执行方法传值 以及事件对象-完整($event)
发布时间:2023-04-08 18:11:33作者:雪饮
![[!--pagekey--]](/e/data/images/notimg.gif)
这次没有什么新的知识点,只有一个$event需要注意,是vue中区别于传统JavaScript事件的,传统JavaScript中通过事件绑定到一个函数中好像不用传参都是可以的,记不得太清了是jquery
阅读全文>>05Vue 及双向数据绑定 Vue事件介绍 以及Vue中的ref获取dom节点(MVVM)
发布时间:2023-04-03 23:05:02作者:雪饮
![[!--pagekey--]](/e/data/images/notimg.gif)
<template>
<div id="app">
<!---MVVM就是双向绑定,从M层数据变化影响到V层,V层数据变化也会反向影响到M层--->
<input type="text" v-model="input" />
<di