随笔分类 - 前端
摘要：1. 概述 墨菲定律告诉我们：人总是容易犯错误的，无论科技发展到什么程度，无论是什么身份的人，错误总是会在不经意间发生。因此我们最好在做重要的事情时，尽量去预估所有可能发生的错误，并思考错误发生后的补救方案，再准备一个或多个备选方案。这样才能做到有备无患，防患于未来。 言归正传，之前我们聊了组件的传
阅读全文
摘要：1. 概述 韦奇定律告诉我们：大部分人都很容易被别人的话所左右，从而开始动摇、怀疑，最终迷失自我。因此我们要努力的坚定信念，相信自己，才不会被周围的环境所左右，才能取得最终的胜利。 言归正传，之前我们聊了组件的概念，既然有多个组件，那自然存在组件间传参的问题，今天我们就来聊聊 VUE 的 组件传参。
阅读全文
摘要：1. 概述 老话说的好：忍耐是一种策略，同时也是一种性格磨炼。 言归正传，今天我们来聊聊 VUE 的全局组件与局部组件。 2. 全局组件 2.1 不使用组件的写法 <body> <div id="myDiv"></div> </body> <script> const app = Vue.creat
阅读全文
摘要：1. 概述 老话说的好：行动起来，原地观望是没有用的。 言归正传，今天我们来聊聊 VUE3 的 表单元素。 2. 表单元素 2.1 文本框与数据绑定 <body> <div id="myDiv"></div> </body> <script> const app = Vue.createApp({
阅读全文
摘要：1. 概述 老话说的好：宁愿自己吃亏，也不让他人吃亏。 言归正传，今天我们来聊聊 VUE3 的 键盘事件。 2. 键盘事件 2.1 敲击任意键触发事件 <body> <div id="myDiv"></div> </body> <script> const app = Vue.createApp({
阅读全文
摘要：1. 概述 老话说的好：努力帮别人解决难题，你的难题也就不难解决了。 言归正传，今天我们来聊聊 VUE3 的 click 事件的相关知识。 2. click 事件 2.1 实现数字递减 <body> <div id="myDiv"></div> </body> <script> const app
阅读全文
摘要：1. 概述 老话说的好：单打独斗是不行的，要懂得合作。 言归正传，今天我们来聊聊 VUE3 的 循环渲染。 2. 循环渲染 2.1 循环渲染数组 <body> <div id="myDiv"></div> </body> <script> const app = Vue.createApp({ //
阅读全文
摘要：1. 概述 老话说的好：要锻炼逆向思维，人取我弃，人弃我取。 言归正传，今天我们来聊聊 VUE3 的条件渲染。 2. 条件渲染 2.1 v-if <body> <div id="myDiv"></div> </body> <script> const app = Vue.createApp({ //
阅读全文
摘要：1. 概述 老话说的好：脚踏实地，从小事做起。 言归正传，今天我们来聊聊 VUE3 的样式绑定。 2. 样式绑定 2.1 样式例子 <style> /* 颜色 */ .color-red { color: red; } /* 字体 */ .font-size-25 { font-size: 25px
阅读全文
摘要：1. 概述 老话说的好：只要你有心努力，任何时候都不晚。 言归正传，今天我们来聊聊 VUE3 的 计算属性与侦听器。 闲话不多说，直接上代码。 2. 计算属性 2.1 概述 如果页面显示的内容，需要经过数据的计算获得，通常有三种方式：插值表达式中计算、方法中计算和计算属性中计算。 差值表达式中计算、
阅读全文
摘要：1. 概述 老话说的好：干一行，爱一行，踏实工作才是真正快乐的源泉。 言归正传，今天继续聊 VUE3 的话题，今天聊聊 template 语法。 闲话不多说，直接上代码。 2. template 语法 2.1 与数据绑定 <script src="../vue.global.js"></script
阅读全文
摘要：1. 概述 老话说的好：天生我材必有用，千金散尽还复来。 言归正传，今天我们来聊一下 VUE 的生命周期函数。 所谓生命周期函数，就是在某一条件下被自动触发的函数。 2. VUE3 生命周期函数介绍 2.1 beforeCreate 在 VUE 实例生成之前会自动执行的函数 2.2 created
阅读全文
摘要：1. 概述 老话说的好：没有别人混的好，是因为自己能力欠佳，因此越是混的差，越要努力提升自己。 言归正传，现在 jquery 用的越来越少，大部分公司都使用 VUE 技术，今天我们也来聊聊 VUE3。 2. 安装开发工具 Visual Studio Code 前端页面通常使用 Visual Stud
阅读全文
