sishihao的博客

第五章 生命周期函数。

Vue 是一套用于构建前后端分离的框架。刚开始是由国内优秀选手尤雨溪开发出来的，目前是全球“最”流行的前端框架。使用vue开发网页很简单，并且技术生态环境完善，社区活跃，是前后端找工作必备技能！Vue目前是3版本了。Vue官网：https://cn.vuejs.org/node_modules：存放项目依赖的第三方包public：一些公共的文件src：项目的源代码，图片资源等–assets：图片、字体等静态资源–components：自定义组件。

第七章 VueRouter路由。

有时候我们定义一个组件后，需要让调用者传入参数，那么就可以将参数定义成属性。示例代码如下：Person组件代码：< script setup name = " Person " > // Person组件 import {// 1. 使用数组的形式 //const props = defineProps(['username']) // 2. 使用对象的形式 const props = defineProps({gender : {

对于使用ref函数定义的基本数据类型，则直接监听即可，示例代码如下：width += 1;} </ script > < template > < div > < p > 宽度：{{ width }} </ p > < button @click = " onUpdateWidth " > 修改width </ button > </ div > </ template >importwidth += 1;

在html中通过{{}}（双大括号）中可以把Vue对象中的数据插入到网页中。并且只要Vue对象上对应的值发生改变了，那么html中双大括号中的值也会立马改变。ref } from 'vue' let username = ref('张三') function onModifyUsername() {

Pinia是Vue.js应用程序的状态管理库。它提供了一种简单，轻量级的解决方案，用于在Vue应用程序中管理和维护状态。Pinia库的特点是易于使用和集成，可以使开发者在不牺牲性能的情况下更有效地处理和维护状态。pinia中有三个概念，分别是：state、getter、action，对应于Vue组件中的：data、computed、methods。

准备工作