01. setup的使用
时机:created 实例被完全初始化之前 执行的 const app = Vue.createApp({    template: `      <div @click="handleClick">{{name}}</div>    `,   …
Mongo语法
数据库概念对比 SQLMongo表(Table)集合 (collection)行 (Row)文档 (Document)列 (Col)字段 (Field)主键 (primary Key)对象ID (ObjectId) 数据库操作 创建数据库use demo查看数据库show dbs删除数据库db.dropDatabase() 集合操作 创建集合db.…
使用Vue3全局变量在组件中无法获取变量
在Vue3官方文档中说 使用 globalProperties 和 getCurrentInstance 在全局中注册和使用变量,其语法等同 Vue2 中的 Vue.prototype.xxx 在 main.js 中注册全局变量 import { createApp } from 'vue'import axios from "axios"cons…
浅谈JWT用户信息认证解决方案
登录看似是一个简单的功能,实际上随着业务的增多和项目的扩大,早期的JSP、ASP、PHP时代,常用的解决方案只是服务端写一个session就搞定了,前端调用登录接口即可。但现在更多考虑到单点登录、身份加密、OAuth授权等安全场景。 SessionID http本身是无状态协议,服务端和前端通信是相互不认识的,为了能记住每个访问的身份,引入了Ses…
vite+vue3配置接口代理
在接口联调的时候,配置接口代理,按照网上的主流代理配置代码如下: vite.config.js import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'export default defineConfig({  server:{   &nbs…
vue3使用element图标
安装 npm install @element-plus/icons -S 在main.js中引入 import * as ElIcons from '@element-plus/icons'//使用elementPlus图标for(const name in ElIcons){  app.component(name,ElIcons&#…
01.项目搭建及Vite使用
使用 Vue/Cli 创建项目 npm install @vue/cli -gvue create vue3Demo 使用 Vite 创建项目 npm init vite@latest 项目目录结构 ( Vite ) vue3Demo dist node_modules public src api assets compnents config …
Docker中安装Redis及常用命令行
配置 docker-composeyml version: "3"services: redis-test:   image: 'redis'   restart: always   container_name: "redis_test"   ports:     - 15001:637…
Docker中安装mongoDB
docker Hub 官方文档 使用docker-compose方式安装 version: '3.1'services: mongo:   image: mongo   restart: always   environment:     MONGO_INITDB_ROOT_USERNAME: ro…