beforeCreate
实例了vue但还没进行数据的初始化与响应式处理
created
数据已被初始化和响应式处理,在这里可以访问到数据,也可以修改数据
beforeMount
render函数在这里被调用,生成点拟DOM,但是还没转成真实DOM并替换到el
mounted
在...
yekong
3年前 (2022-05-15)
喜欢
lazy
作用是,改变输入框的值时:value不会改变,当光标离开输入框时,vmodel绑定的值value
才会改变
trim
作用类似于JavaScript中的trim()方法,作用是把v-model绑定的值的首尾空格给过滤掉。
number
作用是将值转成数字,但是先输关字符...
yekong
3年前 (2022-05-15)
喜欢
在监听函数的时候,我们需要事先请求接口
mounted(){
this.getList()
},
watch: {
searchInput(){
this.getList()
}
}
使用immediate
immediate设置为true的时候,会执行一次...
yekong
3年前 (2022-05-15)
喜欢
vue computed实现传参
// html
<div>{{ totalNum(10) }}</div>
// js
computed: {
totalNum() {
return function(n) {
...
yekong
3年前 (2022-05-15)
喜欢
未使用hook
export default{
data(){
timer:null
},
mounted(){
this.timer = setInterval(()=>{
//具体执行内容
con...
yekong
3年前 (2022-05-15)
喜欢
vue 在keep-alive 使用定时 使用hook的方式结束定时
因为keep-alive 不触发beforeDestroy 所以使用activated
组件使用keep-alive缓存,beforeDestroy和destroyed没有被触发
activated() {
...
yekong
3年前 (2022-05-15)
喜欢
mounted() {
this.createTiming()
},
watch: {
$route(to, from) {
if (this.$route.path != '/videoList') {
this.dest...
yekong
3年前 (2022-05-15)
喜欢
当组件设置keep-alive后,不会直接调用这个销毁周期函数,而是会在生命周期函数新增两个,activated和deactivated;
当第一次进入页面是,生命周期函数执行是这样的,简单描述一下:
created()->mounted()->activated()...
yekong
3年前 (2022-05-15)
喜欢
客户要求对他人的项目做一些调整,但是看到页面的代码,实在是难受,这些变量参数,来回赋值,看得脑壳疼,实在受不了了,就做了一些重构,不断的学习优化代码,尽量将代码写的优美一些,不给人带来困扰。
重构前
<template>
<view class="c...
yekong
3年前 (2022-05-14)
喜欢
html
<div class="zhezhaox">
<div class="zhezhaox2"></div>
</div>
css
.zhezhaox {...
yekong
3年前 (2022-05-14)
喜欢