u013473447的专栏

对于`let name = ref('张三')`来说，`name`不是响应式的，`name.value`是响应式的。返回值：一个`RefImpl`的实例对象，简称`ref对象`或`ref`，`ref`对象的`value`属性是响应式的。`JS`中操作数据需要：`xxx.value`，但模板中不需要`.value`，直接使用即可。`ref`创建的变量必须使用`.value`（可以使用`volar`插件自动添加`.value`）。2. 若需要一个响应式对象，层级不深，`ref`、`reactive`都可以。

setup`是`Vue3`中一个新的配置项，值是一个函数，它是 `Composition API` 表演的舞台，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在`setup`中。特点如下：- `setup`函数返回的对象中的内容，可直接在模板中使用。- `setup`中访问`this`是`undefined`。- `setup`函数会在`beforeCreate`之前调用，它是“领先”所有钩子执行的。学生：{{name}}

下面开始介绍路由。

备注1：传递`params`参数时，若使用`to`的对象写法，必须使用`name`配置项，不能用`path`。作用：让路由组件更方便的收到参数（可以将路由参数作为`props`传给组件）（4）记得去`Home`组件中预留一个``备注2：传递`params`参数时，需要提前在规则中占位。（1）编写`News`的子路由：`Detail.vue`

本章节介绍其他API。

本章节介绍Vue3新组件。

1. 概述：自定义事件常用于：**子 => 父。2. 注意区分好：原生事件、自定义事件。原生事件：事件名是特定的（`click`、`mosueenter`等等）事件对象`$event`: 是包含事件相关信息的对象（`pageX`、`pageY`、`target`、 `keyCode`）自定义事件：事件名是任意名称事件对象`$event`: 是调用`emit`时所提供的数据，可以是任意类型！！！

本章节介绍pinia。

什么是`hook`？—— 本质是一个函数，把`setup`函数中使用的`Composition API`进行了封装，类似于`vue2.x`中的`mixin`。自定义`hook`的优势：复用代码, 让`setup`中的逻辑更清楚易懂。示例代码：})//向外部暴露数据// 方法try {// 发请求// 维护数据// 处理错误// 挂载钩子getDog()})//向外部暴露数据<template><h2>当前求和为：{{sum}}</h2>

用在普通`DOM`标签上，获取的是`DOM`节点。* 用在组件标签上，获取的是组件实例对象。定义一个接口，限制每个Person对象的格式。定义一个自定义类型Persons。作用：用于注册模板引用。

vue3

Vue3是Vue.js的最新版本，于2020年9月18日正式发布，代号One Piece。

原来作为桌面端软件的开发者，用的多是C++和C#。最近一年，因为团队的转型，面向企业的信息化系统的开发，刚开始确实感觉有点茫然，幸好在github接触到了Jeecg这套前后端分离的框架，它集成的用户认证、权限认证、部门管理、系统管理等工具，确实给刚入门的开发者很大的方便和信心，借助这部工具，我们在今年以来，已经完成两套信息系统的开发。这套框架的优点很多很多，集成的技术也都是最新的，通过对他的学习可以把前后端分离开发，微服务等先进技术都无缝集成到业务场景中来。确实是快速开发的利器。我首先说下我在使用过..