前端

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&gt

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,除了编码习惯要变之外,第三方库的选择也