摘要：1、安装scss npm install --save-dev sass sass-loader 2、创建文件 /assets/style/mixin.scss var.scss页面 $default-color: #666666; 3、在vite.config.js里配置 css: { // cs 阅读全文

摘要：1、 安装 // 安装less npm i less-loader less --save-dev 2、创建文件 src/assets/styles/base.less var.scss页面 @default-color: #666666; 3、在vite.config.js里配置 ⏰ 方式一 im 阅读全文

摘要：import { fileURLToPath, URL } from 'node:url' import vue from '@vitejs/plugin-vue' import { defineConfig } from 'vite' // https://vitejs.dev/config/ e 阅读全文

摘要：module.exports = { devServer: { host: '', hot: true, port: 8086, disableHostCheck: true,//新版的webpack-dev-server出于安全考虑，默认检查hostname， //如果hostname不是配置内的 阅读全文

摘要：vite.config.js 是 Vite 构建工具的配置文件，用于自定义和扩展 Vite 的默认构建行为。Vite 是一个现代化的前端构建工具，专注于快速启动时间和高效的开发体验。vite.config.js 文件允许你配置项目的构建、打包、开发服务器以及其他相关设置。 想象一下，vite.con 阅读全文

摘要：vue.config.js 是 Vue CLI 项目的配置文件，用于配置项目的构建、打包和开发环境等。它主要适用于使用 Vue CLI 创建的项目。由于vue2项目主要使用Vue CLI 创建项目，所以将此文章，放到vue2.x下面。 1、介绍 之前，我有提到过，当然大家肯定也都知道，Vue3.0不 阅读全文

摘要：😠官方的解释：import.meta 元属性将特定上下文的元数据暴露给 JavaScript 模块。它包含了这个模块的信息，例如这个模块的 URL。 😊通俗的解释：想象你正在编写一个JavaScript模块，这个模块就像是一个装满工具的工具箱。当你需要了解这个工具箱的一些基本信息时，比如它来自哪 阅读全文

摘要：import import xx from '...' 是一种导入方式，是es6模块化的新语法，必须要写到js文件的最上面； 可以用来导入 静态资源（图片、文档）的路径，也可以导入 js、vue文件。 import() import('...') 是 import() 函数，主要作用是实现动态加载模 阅读全文

摘要：Style.css html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, ol, ul, li, fieldset, form, label, legend, table, 阅读全文

摘要：在开发的过程中，往往会使用大量的重复性的CSS样式来美化页面，但是如果每个页面都重复多次CSS样式，不仅浪费时间和精力，而且在样式修改时也会很麻烦。因此，我们需要将CSS样式设为公用，使其可以被整个项目所共享。 一、创建公共文件 1. 前置条件 在项目的assets目录下创建一个名为styles.c 阅读全文

摘要：1. component 在Vue中，内置组件component是一个动态地渲染不同组件的元素。它可以根据数据动态地选择要渲染的组件，并在渲染过程中动态地创建和销毁这些组件。 ⏰ 父组件 <template> <h1>我是 APP 组件</h1> <button @click="myId = 'my 阅读全文

摘要：一、命名规范 市面上常用的命名规范： camelCase（小驼峰式命名法 —— 首字母小写） PascalCase（大驼峰式命名法 —— 首字母大写） kebab-case（短横线连接式） Snake（下划线连接式） 1. 项目文件命名 ⏰ 1. 项目名 全部采用小写方式， 以短横线分隔。 例：my 阅读全文

摘要：我们一般定义组件的方式有两种： 短横线分隔命名：kebab-case。 首字母大写命名：PascalCase 。 组件注册命名 例如，我写一个简单的子组件。 <template> <div class="border"> <h2>我是子组件</h2> </div> </template> <scri 阅读全文

摘要：一、引出问题 在Vue中，当你在组件中使用components选项注册局部组件时，通常会直接写成components: { ButtonName: Button }。然而，有时你会看到使用数组索引语法components: {[componentName]: component}。 这主要是为了动态 阅读全文

摘要：介绍与使用 Vue.use() （vue2.x是Vue.use,vue3.x是app.use）在 vue 中使用很多，比如 ElementUI, vantUI, VueI18n, Router, Vuex 等部分第三方库、组件、自定义方法等，在引用后会使用 Vue.use 将他们传入作为参数使用 v 阅读全文

摘要：目录结构保持一致，使得多人合作容易理解与管理，提高工作效率 简要说明 main.js主入口，router.js路由划分 plugins 自己或第三方插件,包括但不限于components、directives、filters、third lib pages 所有路由页面。原则：轻page，重comp 阅读全文

摘要：一、Web 项目 Habitica Github：https://github.com/HabitRPG/habitica Habitica 是习惯养成及生产力应用，让你 “游戏人生”。游戏里的奖惩措施能激励你完成任务。Habitica 能够帮助你达成目标，变得健康，勤奋，快乐。Habitica 可 阅读全文

摘要：⏰ route route: 是一个当前路由信息的对象，包括当前 URL 路径、查询参数、路径参数等信息。route 对象是只读的，不可以直接修改其属性值，而需要通过路由跳转来更新。 主要的属性有： this.$route.path //字符串，等于当前路由对象的路径，会被解析为绝对路径，如/hom 阅读全文

摘要：一、vue2.x的 h 函数(createElement) 使用方法及介绍： h函数第一个是标签名字 或者是组件名字，第二个参数是配置项，第三个参数是 innerText ，不会帮你转换节点，如果需要转换成节点（v-html）请去第二个参数中的 domProps 配置 innerHTML 当第二个参 阅读全文