文章分类 - vue3.0
摘要：安装vite：npm init vite@latest 安装完成后vite会引导我们创建一个项目，输入项目名称，package名称，然后选择项目使用的框架，这里有多个选项，我们自然是选择Vue： 之后提示选择vue还是vue-ts，这里我们选择vue-ts（如果不用ts就直接选vue） 项目创建成功
阅读全文
摘要：main.js import api from "./utils/api.js" import StringUtil from "./utils/StringUtil.js" app.config.globalProperties.api = api; app.config.globalProper
阅读全文
摘要：1、用了ts就用ts-md5只能加密 npm install --save ts-md5 import { Md5 } from 'ts-md5/dist/md5'; //console.log(window.config.str); //console.log(Md5.hashStr(JSON.s
阅读全文
摘要：vue3中组件发送的自定义事件需要定义在emits选项中: 1、原生事件会触发两次，比如click 2、更好的指示组件工作方式 3、对象形式事件校验 <template> <div @click="$emit('click')"> <h3>自定义事件</h3> </div> </template>
阅读全文
摘要：为什么我们需要 Teleport Teleport 是一种能够将我们的模板移动到 DOM 中 Vue app 之外的其他位置的技术，就有点像哆啦A梦的“任意门” 场景：像 modals,toast 等这样的元素，很多情况下，我们将它完全的和我们的 Vue 应用的 DOM 完全剥离，管理起来反而会方便
阅读全文
摘要：setup 语法糖 + element-plus（表单，提示） + vue-router <template> <div class="login"> <el-row> <el-col :span="24"> <div class="l"> <div style="font-size: 20px;f
阅读全文
摘要：module.exports = { publicPath: process.env.NODE_ENV 'production' ? './' : '/', // index.html 可以正常打开 productionSourceMap: false, // 生产环境是否生成 sourceMap
阅读全文
摘要：一、准备 1.1 简介 setup语法糖 一个减少重复代码的语法糖，之前setup语法糖的提案在修改阶段，现阶段已经定稿，详情看下面的语法 1.2 插件准备 如果你使用vscode编辑器，最好安装 Volar 插件，它和 Vetur 一样也会对.Vue格式的文件高亮显示，支持vue2、vue3，并且
阅读全文
摘要：Volar - vue终极开发神器！ 随着vscode以及vue的越来越普及，vetur这个名字也越来越被人熟知。 vetur是一个vscode插件，用于为.vue单文件组件提供代码高亮以及语法支持。 可是由于众所周知的原因，vue以及vetur对于ts的支持，并不友好。在@vue/composit
阅读全文
摘要：1.全局安装vue-cli npm install -g @vue/cli //全局安装vue-cli最新版 2.创建项目 cd C:\code\gitee2021//"C:\code\gitee2021"替换为自己新建的项目需要放置的文件夹 vue create vue3.0_pro //vue_
阅读全文
浙公网安备 33010602011771号