Vue组件（三）Vue组件间传值和Props
1、父组件向子组件传值 想要在子组件中使用父组件的数据不能直接调用，但是可以使用组件传值的形式（父传子），使用属性绑定的形式，把子组件需要的数据传递到子组件内部...
主页内容
2025年02月08日
Vue组件（二）Vue组件中的data及多组件切换
1、组件中的data1.1、组件中的data介绍组件可以有自己的data数据；组件的data和实例的data有点不一样，实例中的data可以为一个对象，但是组件的data必须是一个方法；组件中的data除了必须为一...
2025年02月07日
Vue组件（一）Vue组件概述与全局组件、局部组件的定义和使用区别
1、Vue组件概述 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不能的功能模块，将来需要什么样的功能，就可以去调用。组件和模块化...
2025年01月20日
Vue基础（八）生命周期详解
1、生命周期概述什么是生命周期，从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件。而这些事件，被称为生命周期。每个Vue实例在被创建时都要经过一系列的初始化过程。例如，需要设置数据监听、编译模板、将实例...
2025年01月17日
Vue基础（七）内置指令与自定义指令
1、常用的内置指令1.1 、常用指令v-text：更新元素的textContentv-html：更新元素的innerHTMLv-if：如果为true，当前标签才会输出到页面v-else-if：如果为true，当前标...
2025年01月14日
Vue基础（六）过滤器
1、过滤器Vue.js 允许自定义过滤器，可被用于一些常见的文本格式化。功能：对要显示的数据进行特定格式化后再显示。注意：并没有改变原本的数据，可是产生新的对应的数据。1.1、基本语法1.1.1、定义过滤器的语法（...
2025年01月09日
Vue基础（五）条件渲染和列表渲染
1、条件渲染1.1、v-ifv-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回true值的时候被渲染。我们可以给v-if赋予布尔值，来实现html元素的显示和隐藏。示例1：给挂载点内的一个元素设置...
2024年12月20日
Vue基础（四）计算属性和监听器
1、计算属性在插值表达式和指令中，我们可以写表达式。但是无论是指令（v-text/v-html）还是插值表达式设计的初衷都是为了数据渲染或简单的运算。如果在指令或插值表达式中写入太多的逻辑，会造成模板过重和难以维护...
2024年11月27日
Vue基础（二）Vue的指令与事件处理
1、指令的概念指令（Directives）是 vue 为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。2、数据绑定指令绑定数据常用的有4种方式：插值表达式{{}}、v-text、v-html、templa...
2024年11月26日
Vue基础（一）Vue简介、基本使用及调试工具
一、Vue简介1、Vue的两个特性1.1、数据驱动视图在使用了 vue 的页面中，vue 会监听数据的变化，从而自动重新渲染页面的结构。示意图如下：好处：当页面数据发生变化时，页面会自动重新渲染！程序员只管把数据维...