随笔分类 -  Vue

vue技术栈相关
摘要:1. 搭建uni-app开发环境 全局安装vue-cli npm install -g @vue/cli 阅读全文
posted @ 2024-12-31 16:35 箫笛 阅读(7) 评论(0) 推荐(0) 编辑
摘要:1. 初始化项目 // 创建vue基础代码框架, 可选择支持typescript,vue-router, pinia, jsx, Eslint, prettier pnpm create vue // 添加路由支持 (创建基础代码框架时可选) pnpm add vue-router // 添加数据状 阅读全文
posted @ 2024-12-26 15:00 箫笛 阅读(98) 评论(0) 推荐(0) 编辑
摘要:以 vite + vue3 + ElementPlus + pinia 开发技术栈所遇到的技术难题及解决方案汇总 如何在 vite+vue3 项目中支持 jsx 技术 安装插件 pnpm add -D @vitejs/plugin-vue-jsx 配置 vite.config.js import v 阅读全文
posted @ 2024-12-24 18:18 箫笛 阅读(12) 评论(0) 推荐(0) 编辑
摘要:路由模式 Hash模式 对SEO不友好,#之后的url, 不会发送到服务器端,所以服务端无需做任何处理就可以使用。 import { createRouter, createWebHashHistory } from 'vue-router' const router = createRouter( 阅读全文
posted @ 2024-04-19 16:31 箫笛 阅读(12) 评论(0) 推荐(0) 编辑
摘要:1. Transition (创建动画) 原生css过渡 <template> <Transition name="slide-fade"> <p v-if="show">hello</p> </Transition> </template> <script setup> import {ref} 阅读全文
posted @ 2024-04-18 16:49 箫笛 阅读(94) 评论(0) 推荐(0) 编辑
摘要:vue应用自身安全的机制 HTML插值 利用原生Dom api Node.textContent 对输入变量进行HTML转义。 Attribute 绑定 利用原生DOM api, Element.setAttribute 方法自动转义属性值的设置。 vue应用可能存在的风险点 HTML注入 风险: 阅读全文
posted @ 2024-04-17 10:31 箫笛 阅读(13) 评论(0) 推荐(0) 编辑
摘要:vue 介绍 vue 是一种提供一套声明式的,组件化的编程模型来构建前端界面的js前端框架。 vue 目前主流采用vue3,提供组合式API和选项式api,vue2 在2023年12月份以后不再进行维护,它以选项式的api进行应用开发。 基本使用 创建应用 import { createApp } 阅读全文
posted @ 2024-04-13 22:17 箫笛 阅读(29) 评论(0) 推荐(0) 编辑
摘要:1. 介绍 Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态。 2. 安装和注册Pinia 安装pinia yarn add pinia 注册pinia import { createApp } from 'vue' import { createPinia } from 'p 阅读全文
posted @ 2024-04-05 13:57 箫笛 阅读(36) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示