青衫烟雨客

响应式变量使用组合式API的方式定义响应式变量，必须通过ref 或reactive 函数来实现。 一、使用ref函数定义响应式变量语法为：let xxx = ref(初始值) 。使用如下: 1234567891011121314<script setup...

一、文本：在html中通过{{}}（双大括号）中可以把Vue对象中的数据插入到网页中。并且只要Vue对象上对应的值发生改变了，那么html中双大括号中的值也会立马改变。 1234567891011121314<script setup...

一、循环在模板中可以用v-for指令来循环数组，对象等。 1. 循环数组123456789101112131415161718192021222324252627282930<script setup name="App"> import {...

一、计算属性一般情况下属性都是直接定义的，但是有些属性可能是需要经过一些逻辑计算后才能得出来，那么我们可以把这类属性变成计算属性。比如以下： 12345678910111213141516171819<script setup>import {ref,...

生命周期函数代表的是Vue实例，或者是Vue组件，在网页中各个生命阶段所执行的函数。生命周期函数可以分为创建阶段、挂载阶段、更新阶段以及卸载阶段。● 创建阶段：setup● 挂载阶段：onBeforeMount、onMounted●...

一、定义属性有时候我们定义一个组件后，需要让调用者传入参数，那么就可以将参数定义成属性。示例代码如下： 1、Person组件代码123456789101112131415161718192021222324252627282930<script setup...

一、定义属性有时候我们定义一个组件后，需要让调用者传入参数，那么就可以将参数定义成属性。示例代码如下：Person组件代码： 123456789101112131415161718192021222324252627282930<script setup...

在网页中，经常需要发生页面更新或者跳转。这时候我们就可以使用Vue-Router来帮我们实现。Vue-Router是用来做路由的，也就是定义url规则与具体的View映射的关系。可以在一个单页面中实现数据的更新。 一、安装：通过命令：npm install...

一、导航守卫导航守卫分为：全局守卫、组件导航守卫以及路由导航守卫。下面分别来进行讲解。 1. 全局守卫：全局守卫有beforeEach 和afterEach...

...