❌Vuex基础 vuex用于解决组件间的数据通信 state(共享状态数据) mutaitions(同步处理) actions(异步处理) 2022-01-17 Vue > 状态管理 #Vue #Vuex
Vue基础 指令 🥝指令基础 指令以v-为前缀的属性 指令可以接受一个单句表达式(除了v-for,v-on) v-???:参数="" 1<tag v-on:click="clickFunction"></tag> v-???:[动态参数]="" 1<tag v-on:[eventType]="eventFunction"></ 2022-01-17 Vue #Vue
Vue Router 4 初始化脚手架 1pnpm create vite LearnVueRouter4 -- --template vue 删除src目录,安装依赖与vue-router4 12pnpm ipnpm i vue-router@4 使用vue-router 2022-01-17 Vue > Router #Router #Vue
🟡vite基础使用 安装vite 🍉项目创建 1pnpm create vite # 开始创建vite项目 🍉安装依赖 1pnpm install # 进入项目目录后再安装 🍉启动项目 1pnpm run dev # 自动开启localhost:3000 2022-01-17 前端工具 > Vite #Vite
Vue3基础 快速开始 使用官方工具vite快速初始化一个vue应用 本文使用vite在线工具演示(Vite在线体验) 先清空文件夹,再执行命令初始化一个Vue3项目 1npm create vite 执行后按提示输入项目文件夹名,包名,之后选择vue,继续选择vue 123456789101112131415> npm create vite> success Install finished i 2022-01-17 Vue > Vue3.x #Vue3 #笔记
yarn基础使用 脚本起用 在当前窗口启用脚本 1Set-ExecutionPolicy RemoteSigned Process # 在当前窗口启用脚本 安装全部项目依赖 packagename含中文字符会报错 1yarn # 安装所有依赖包 初始化 12yarn init -y # 默认y 2022-01-16 前端工具 > 包管理 #yarn
🔵hexo博客搭建 1.安装依赖包 1npm install -g hexo-cli 2.初始化 12hexo initnpm install 3.关联github 清除缓存 该命令会清除手动添加至public目录中的文件 把静态图片放入source目录可自动复制到public目录且不会清除 1hexo clean 上传博客 12hexo g[enerate]hexo d 本地服务器 12hexo ghexo s[e 2022-01-16 hexo #hexo
🟡webpack基础使用 webpack打包后压缩冗余空格与换行、变量名 初始化包环境 12yarn init # 回车确认yarn init -y # 默认配置 安装webpack包 1yarn add webpack webpack-cli -D 配置scripts 在package.js 2022-01-16 前端工具 > Webpack #webpack
TypeScript函数与类声明 ES6 class了解更多 🔗前往查看 🍒基础使用 constructor为new关键字调用的构造函数 12345678class Speaker { name: string // 指定属性类型 constructor (name: string) { this.name = name }}const sp 2022-01-03 TypeScript
TypeScript函数与泛型 函数定义 TypeScript可在声明函数时添加参数与返回值类型 直接定义 123456789function add(x: number, y: number): number { return x + y}const add = function(x: number,y: number): number { return x + y}const a 2022-01-02 TypeScript #TypeScript