语法script setup vue3

vue3+vite动态引入图片(import.meta.glob)

Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件,但实际上这个方法就是 很多import语句的集合而已,import是可以引入图片的,所以import.meta.glob 也同样可以引入图片资源,只不过需要加入配置项 as:'url' 就可以了 ......
动态 import 图片 vue3 vite

C/C++语法基础目录

目录C/C++语法基础目录前言程序语言简介三大控制结构批量数据存储模块化编程指针自定义数据类型文件面向对象封装继承多态 C/C++语法基础目录 前言 使用过较多的教学书籍,有很多不错的书籍,但是并不是那么切合自身的教学习惯,于是此书被拉开了帷幕。 本书的第一次落键是在2023年12月21日,大概预计 ......
语法 基础 目录

vue vue3 jsx tsx

0. 安装插件(@vitejs/plugin-vue-jsx) vite官方提供了官方的插件来支持在vue3中使用jsx/tsx,直接安装就行。 yarn add @vitejs/plugin-vue-jsx -D 安装完之后在vite.config.ts中插入一下代码 import vueJsx  ......
vue vue3 jsx tsx

边做笔试边查缺补漏——算法、js基础、vue3官方文档、八股文

边投简历边完善自己的知识库。 最近这些天一直在面试和笔试+投简历中,每次面试或笔试完后其实最重要的不是结果,而是做题的过程或者说对话的过程。因为只有这些才让我知道自己哪里还有不足,比如一碰到算法题就歇菜、vue3和vue2混用、js基础知识不牢固等等。 那我痛定思痛,有缺点咱就认咯。算法——代码随想 ......
八股文 八股 笔试 算法 文档

Vue3

1、ref和reactive 原来reactive是一个对象类型,使用reactive重新赋值一个对象不起作用 <script lang="ts" setup> import {reactive} from "vue"; let user = reactive({name: '小明', age: 1 ......
Vue3 Vue

vue3 静态配置文件

前言 有时候我们负责做的只是一个大平台系统下的某个子系统,有时候我们需要调用这个大平台系统下别的子系统的接口。 如果直接把别的接口地址,直接写在代码里,那么如果别的子系统的接口调整了,会影响到我们的系统,我们还要重新打包,部署,会很繁琐。 解决思路 我们的想法是这样: 敲代码的时候,如果要引用其他人 ......
静态 文件 vue3 vue

Vite4+Typescript+Vue3+Pinia 从零搭建(7) - request封装

项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求,支持多域名请求地址 安装 npm i axios 封装 utils 目录下新建 request 文件夹,并新建 index.ts、request.ts 和 status.ts 文件。 1. status.ts 文件 ......
Typescript request Vite4 Pinia Vite

【转载】Typora 的 Markdown 语法

原文地址: Typora 的 Markdown 语法 详细见原文: https://support.typoraio.cn/zh/Markdown-Reference/ ......
语法 Markdown Typora

VUE3学习基础之模板语法

我的vue3学习之路总是学学停停,最开始在18年开发微信小程序,就发现小程序和vue的语法有些相似,然后就去看了vue2的文档,随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3,有了组合式api,语法简明很多,然后又不知道忙什么丢下。。。 前段有些空时间,就把vue3的学习整理下,使用vi ......
语法 模板 基础 VUE3 VUE

vue3学习笔记(四)

表单输入绑定 <!-- 文本 (Text) --> <input v-model="message" placeholder="edit me" /> <p>Message is: {{ message }}</p> <!-- 多行文本 (Textarea) --> <textarea v-mode ......
笔记 vue3 vue

uniapp vue3版本的scroll-view的scroll-into-view方法不生效解决

问题代码如图 bug原因 建了vue2版本和vue3版本的uniapp分别测试,vue3版本的scroll-view存在scroll-into-view不生效的问题,目前未修复(23.12.20) 解决方法,换了个思路,如图 思路:获取当前选中元素的left值,并动态绑定给scroll-left实现 ......

vue3 实现用户登录和权限验证思路梳理

2023-12-20 星期三 一、用登录和退出问题 1登录 思路一: 1.1 login 登录页面,将token 存储本地中。 1.2 前置路由守卫获取 token 并验证, 1.3 前置路由 从缓存中获取用户的访问权限,并生成动态路由。 1.4 aixos 请求拦截器,从存储中获取存储的token ......
思路 权限 用户 vue3 vue

vue3全栈项目:具有登录注册验证的在线实时聊天应用程序。

项目主要实现的功能: 登录注册的身份验证功能(利用JWT)来实现,在与后端验证的时候,会根据不同的身份显示不同的界面;而且根据不同角色赋予不同的权力,如管理员能查看信息,而普通用户只能登录到公共组件——在线实时俩天应用程序。 多人在线实时聊天功能——前后端之间根据WebSocket来进行实时通信,并 ......
应用程序 实时 程序 项目 vue3

vue3如何实现断点续传

首先创建一个vue3项目 普通上传// template <input type="file" ref="uploadRef" @change="upload" /> // js setup function upload(event) { let files = event.target.file ......
断点 vue3 vue

Postgresql中PL/pgSQL代码块的语法与使用-声明与赋值、IF语句、CASE语句、循环语句

场景 PostGresSQL简介与Windows上的安装教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/113981563 除了标准 SQL 语句之外,PostgreSQL 还支持使用各种过程语言(例如 PL/pgSQL、C ......
语句 语法 Postgresql 代码 pgSQL

vue3+ts项目引入eslint和prettier

创建项目 // uniapp npm install -g @dcloudio/uni-cli npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project // vue3npm init vite@latest my-project --tem ......
prettier 项目 eslint vue3 vue

脚手架搭建vue3项目

vue官网:https://cn.vuejs.org/ 下面将搭建一个最基本的vue3项目,包含 vue3、ts、pinia、element-plus、scss、api-proxy 等配置。 步骤如下: 1. 按脚手架初始化项目 进入vue官网的快速上手,按照官网所述,执行:npm create v ......
脚手架 项目 vue3 vue

vue3中router配置中的children怎么用

在Vue 3中,当你使用Vue Router创建路由配置时, children属性允许你为某个路由定义嵌套路由。这意味着你可以在父路由下设置子路由,从而构建出具有层级结构的URL路径。 这里是一个基本的例子,展示了如何在Vue Router中使用children属性: import { create ......
children router vue3 vue

vue3.0+vite问题汇总

1、找不到模块“vite”。你的意思是要将 "moduleResolution" 选项设置为 "node",还是要将别名添加到 "paths" 选项中 解决方法(tsconfig.json添加如下代码,添加之后重启;重启之后如果仍然有问题,可能是编辑器版本比较旧,升级编辑器版本,我从vscode v ......
问题 vue3 vite vue

关于Pinia 使用setup方式书写 $reset方法失效问题

关于$reset方法Pinia文档中只有简短的介绍: 您可以通过调用 store 上的 $reset() 方法将状态 重置 到其初始值: const store = useStore() store.$reset() 在当我使用的时候踩到一个坑: 当我在使用$reset想要重置state数据的时候, ......
方式 方法 问题 Pinia setup

vue3.0基础

1. setup函数 vue单页面使用到的变量和方法都定义在setup函数中,return后才能被页面引用 export default { setup(){ const name = '张三' const person = {name,age:30} function goWork(){ cons ......
基础 vue3 vue

QML语法

一,基本语法 1、import导入需要使用的模块。类似于C++,include。 2、一个QML文件只能有一个根元素。类似一个QML文件就是自然界的一棵树。 3、元素声明方法:类型{ } 4、元素下定义属性,属性赋值方法: name:value 5、元素可并行,也可嵌套。子元素可用通过父元素id访问 ......
语法 QML

vue3使用cesium

1、安装vite-plugin-cesium: npm i -D vite-plugin-cesium 2、 安装cesium: npm i -S cesium 3、vite.config.js中配置如下: import cesium from 'vite-plugin-cesium' plugin ......
cesium vue3 vue

vue3 相关知识汇总

1 组合式api 和选项式api 1.1 概念 选项式api:用包含多个选项的对象来描述组件的逻辑。 组合式api:组合式api使用导入的API函数来描述组件逻辑。组合式API通常会与<script setup>搭配使用。 1.2 应用场景 选项式api: 不需要使用构建工具 或者低复杂度的场景, ......
知识 vue3 vue

vue3中的样式为什么加上scoped不生效

<style>标签添加scoped属性时,Vue会自动为该组件内的所有元素添加一个独特的数据属性,例如data-v-f3f3eg9。同时,它也会修改你的CSS选择器,使得它们只匹配带有这个独特数据属性的元素。这样做的目的是为了确保样式只应用于当前组件内的元素,避免影响到其他组件。 然而,当你尝试覆盖 ......
样式 scoped vue3 vue

vue3构建全流程

1.创建工程: npm init vue@latest 删除components下的所有自动生成文件: 新建目录api、utils、views 将request.js放在utils下, request.js内容: //定制请求的实例 //导入axios npm install axios impor ......
流程 vue3 vue

Linux-03shell语法复习与习题

习题要求 创建好作业后,先进入文件夹/home/acs/homework/lesson_3/,然后: (0) 进入homework_0文件夹,编写自动完成lesson_1作业的脚本helper.sh。要求: [1] 当前目录下仅包含helper.sh [2] helper.sh具有可执行权限 [3] ......
习题 语法 Linux shell 03

Day01 练习MarkDown语法

MarkDown语法练习 ##在博客中表示标题 文字加粗 文字斜体 文字斜体还加粗 文字中间有删除线 引用:引用别人说的话 分割线 图片 超链接 列表 表格 代码 ......
语法 MarkDown Day 01

vue3+vite+js中二次封装axios

一、安装axios npm i axios 二、文件结构 涉及到的文件: utils/request.sj api/index.js(可以根据不同页面在api文件下新建不同文件夹,方便管理) vite.config.js 三、request.js 对axios进行简单的二次封装 import axi ......
axios vue3 vite vue js

Java基础语法

一.注释 java中的注释有三种: 1.单行注释 // 2.多行注释 /**/ 3.文档注释 /** */ 二.标识符 1.所有的标识符都应该以字母(A~Z a~z), 美元符($), 下划线(_)开头 2.首字符之后可以是字母(A-Z 或者 a-z),美元符($)、下划线(_)或数字的任何字符组合 ......
语法 基础 Java