uniapp中只有页面 vue 里边有 onLoad，组件 vue里边生命周期都是标准 vue 的生命周期，
2024年09月22日
uniapp中只有页面 vue 里边有 onLoad，组件 vue里边生命周期都是标准 vue 的生命周期，
2024年09月22日
Vue文档中对nextTick关于nextTick的介绍语焉不详,官网的解释如下：
在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM
那么nextTick的应用场景是什么？光说不练假把式，先上代码。
测试代码很简单，重点在于 methods里面的changeMsg方法。
2024年09月22日
第一题应该是最简单的，提这个问题，也是想让候选人不那么紧张，因为但凡用过 Vue.js，多少知道 v-show 和 v-if 的区别，否则就没得聊了。不过这最简单的一道题，有三个层次，我会逐一追问。首先，基本所有人都会说到：
v-show 只是 CSS 级别的 display: none; 和 display: block; 之间的切换，而 v-if 决定是否会选择代码块的内容（或组件）。
2024年09月22日
我们平常浏览网页的时候，经常见到“距游戏公测1天2小时3分钟4秒”这样的倒计时器。像切图网qietu.com长期提供web前端切图开发服务，经常就遇到要做倒计时的效果，干脆记录下来，免得重复造轮子。
下面两个 demo 将分别用纯 JavaScript 、基于 Vue.js 的 JavaScript 实现。代码中可能包含部分 ES6 语法，但相信很容易理解。
JavaScript
创建一个 countdown 方法，用于计算并在控制台打印距目标时间的日、时、分、秒数，每隔一秒递归执行一次。
2024年09月22日
利用ref函数获取组件中的标签元素，可以操作该标签身上的属性，还可以通过ref来取到子组件的数据，可以修改子组件的数据、调用子组件的方法等、非常方便. 适用于vue3.0版本语法，后续会讲到vue3.2版本setup语法糖有所不同。
语法示例:
<input标签 type="text" ref="inputRef">
2024年09月22日
setup 函数是一个新的组件选项，它会在 beforeCreate 钩子之前被调用。
<template>
<div>
<img alt="Vue logo" src="./assets/logo.png">
<h1>vue3.0 beta</h1>
<div>{{ count }} {{ object.foo }}</div>
</div>
</template>
<script>
import { ref, reactive } from 'vue'
export default {
setup() {
console.log('setup')
const count = ref(0)
const object = reactive({ foo: 'bar' })
// 暴露给模板
return {
count,
object,
}
},
created(){
console.log('created')
},
beforeCreate(){
console.log('beforeCreate')
},
mounted(){
console.log('mounted')
},
beforeMount(){
console.log('beforeMount')
},
data(){
return {
age: 18
}
}
}
</script>2024年09月22日
全文共5529字，预计学习时长16分钟
过去，我们看过很多重大变革即将到来的文章，但是并没有真正深入研究代码将如何变化。
为了展示这些变化，小芯将在Vue2和Vue3中构建一个简单的表单组件。
在本文的最后，将介绍Vue2和Vue3之间的主要编程差异，帮助大家了解，逐渐成为更好的开发人员。
2024年09月22日
作为一个十几年开发经验的JAVA后端，对于前端多少也有一点了解，完全让我深入前端的还是自从自己接单给客户做项目后开始的。因为自己一个人干活你必须前后端都懂，不然你的成本就太高。有一段时间在用前端写组件的时候需要组件向其他组件传递数据，当时从网络上查找资料总是参差不齐，每个人说的不一样，但是每个人说的好像又没问题，最后才发现其实这些网络资料不一定是错的，只是资料说的有点片面，没有归纳总结从本质区别上说清楚组件通信的方式。