vue3 + tsx 的几种写法(完整版)
环境介绍：Nodejs：14.18.0、Vite：2.7.10、Vue：3.2.26、依赖安装采用pnpm。
第一部分：环境搭建
一、使用 pnpm创建一个vite程序
$ pnpm create vite
二、安装vite插件：@vitejs/plugin-vue-jsx
$ pnpm i @vitejs/plugin-vue-jsx
三、在vite.config.js加入jsx配置
//
前端
浏览器引入Ant Design of Vue
一、先将vue.min.js，antd.min.js、moment.js、antd.min.css等文件下载到本地；
二、在vue代码里面引入antd组件；
三、在具体的html页面应用；
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>
link和@import 的区别
从从属的关系来说:link是 html 标签,不仅可以加载 css 文件,还可以定义 RSS,rel链接属性,而@import 是 css 的语法,只有导入样式表的作用
2.加载顺序:页面被加载时,link 会和 html 标签同时加载;@import 引入的 css 将在页面加载完毕之后被加载
3 兼容性:@import 是 css2.1的语法,link 是标签不存在兼容性的问题
4 DOM:
Vue 组件间通信有哪几种方式
Vue 组件间通信主要指以下 3 类通信：父子组件通信、隔代组件通信、兄弟组件通信
1.props / $emit 适用 父子组件通信
props是父组件将值传给子组件，$emit是子组件通过派发事件的方式将值传给父组件
2.ref 与 $parent / $children 适用 父子组件通信
1）ref：如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指
Vue模板里有哪些语法
在这里，我们说模板就是特指表示HTML结构的字符串，英文来说就是 template
一、展示内容
1、表达式
{{ object.a }} // 表达式
{{ n+1 }} // 可以写任何运算
{{ fn(n) }} // 可以调用函数 （一般在methods里面找到函数且调用）
如果值为 undefined 或 null 就不显示，这是经过Vue处理的
另一种写法为
<div v-
iOS开发常用的第三方库 2022-04-03 周日
简介
当前的时间节点，国外Swift已经占主流；国内，正处于从Objective-C向Swift逐步过渡的时期。
所以，工作中用Objective-C，同时Swift边学边做，算是一个方法。
当然，有把握的，直接过渡到Swift也是好的。适应的时间大约也就一个星期半个月的样子。再不济的，一个月的适应时间肯定是够了。
从Objective-C切换到Swift，除了编码习惯要变之外，第三方库的选择也
vue3+ts 中 ref与reactive 如何指定类型
ref 的基础特性
ref 约等于 reactive({ value: x })
ref() 可以定义时无参数，第一次赋值任意类型，然后就不能增加属性
const refa = ref(6)
const rcta = reactive({ value: 12 })
console.log('refa:', refa) //RefImpl{...}
console.log('refa:', refa
vue3.2 setup 语法糖常用简介
提示：Vue3.2 版本开始才能使用语法糖！
在 Vue3.0 中变量必须 return 出来，template中才能使用；而在 Vue3.2 中只需要在 script 标签上加上 setup 属性，无需 return，template 便可直接使用，非常的香啊！
提示：以下是本篇文章正文内容，下面案例可供参考
只需在 script 标签上写上setup
代码如下（示例）：
<templa
vue3 状态管理 pinia
一、pinia 特点
体积小、性能好、使用简单、限制少
支持 Vue Devtools、模块热更新、服务端渲染、Vue2 和 Vue3
没有 mutations，只有 state、getters、actions（异步和同步都可）
二、pinia 安装配置
安装
npm install pinia -S
在 main.js 中注册 pinia
import { createPinia
