npm install less-loader --save-dev
npm install less --save-dev
<style lang="less">
@import '../'style/common.less';
@test-color:red;
@test-color-hover:darken(@test-color,10%);
@selector:testid;
文章目录前提准备less 公共变量公共变量配置vant ui 定制主题定制方法同时配置 前提准备# 安装 less 依赖
$ npm i less less-loader --save-dev
# 安装 loader 依赖
$ npm install sass-resources-loader --save-dev
# 安装 vant
# Vue 2 项目，安装 Vant 2
$ npm
Vue.js 核心： 1、响应式的数据绑定系统 2、组件系统。访问器属性访问器属性是对象中的一种特殊属性，它不能直接在对象中设置，而必须通过 defineProperty() 方法单独定义。var obj = { };
// 为obj定义一个名为 hello 的访问器属性
Object.defineProperty(obj, "hello", {
在vue中使用less首先要下载依赖： npm install less less-loader --save-dev 下载好之后就可以.vue文件中使用lang="less"和@import如下图：1，将vue组件中style标签属性改为： <style lang="less" rel="stylesheet/less">
</style> 2，如有引入文件，则文
vue3中使用nextTick()，vue3中使用echarts
原创
2022-11-18 00:06:24
196阅读
vue3 是 vue 的最新版本，它在 vue2 的基础上进行了更新升级，并且引入了 composition API 等新特性。它采用函数式编程方式（hooks），兼容 vue2 的所有写法。相关更新重写virtual DOM : vue3 采用全新的 virtual DOM 实现，优化了对应的 diff 算法和静态节点的处理，提高渲染性能。响应式系统重构：vue3 使用对应的 proxy 来替代
# 使用 ioredis 在 Vue 3 中管理 Redis 数据
在现代 Web 开发中，使用缓存来提高应用程序的性能已经成为一种常见的做法。Redis 是一个流行的内存数据存储，因其高效、持久性和支持多种数据结构而被广泛采用。在这篇文章中，我们将探索如何在 Vue 3 中使用 `ioredis`，一个功能强大且易于使用的 Redis 客户端库。
## 1. 什么是 ioredis？
`i
customRef 返回一个ref对象,可以显式地控制依赖追踪和触发响应示例<template>
<div>
<p>{{obj}}</p>
<button @click="inc">button</button>
</div>
</template>
<
1.yarn add less less-loader --dev 输出: 2.安装完成后运行的时候可能会报错:TypeError: this.getOptions is not a function at Object.lessLoader 原因是less-loader版本太高,此时替换一下版本就 ...
转载
2021-09-08 15:21:00
1670阅读
2评论
文章目录一、Vue中的v-if 和 v-show1.1 v-if 决定是否渲染 基本使用：1.2 v-show 决定是否显示1.3 v-if 和 v-show的区别1.4 v-if 根据成绩返回评价二、小案例 点击切换登录的类型 一、Vue中的v-if 和 v-showv-if、v-else-if、v-else 这三个指令与JavaScript的条件语句if、else、else if类似。 Vu
项目场景：使用vue报错汇总。1、项目启动不报错也不成功提示：这里描述项目中遇到的问题： 项目启动时，一直启动不成功，末句提示 98% emitting Copyplugin…原因分析：最有可能是因为require或者import了一个空的文件而导致的这个问题，建议检查下代码，修改一下就好了。解决方案：看自己的引入文件路径，文件是否存在，或者使用的安装包是否安装2、项目启动不报错也不成功提示：这里
在vue中引入并使用less时遇到的一些错误及解决方案：1、错误一：错误如下图所示： 因为当前项目版本2.9.6 已经在build/utils里配置了less的处理，所以和之前在build/webpack.base.conf.js中配置的less-loader冲突解决方法： 将冲突的less-loader去掉即可，如下图：2、错误一：错误如下图所示： 此类为题表示缺少相关依赖，根据关键词vue-s
vue中使用less
原创
2018-11-05 20:49:37
4672阅读
我们需要下载less对应的依赖包 第一步： 安装less依赖，npm install less less-loader --save 第二步： 修改webpack.config.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加 如图： 然后，我们就可以再style中通过
原创
2021-07-19 16:45:56
446阅读
文章目录一.Vue3快速上手1. 1使用 vue-cli 创建（脚手架）1.2 使用 vite 创建二. 部分源码讲解2.1 main.ts2.2 App.vue 一.Vue3快速上手2020年9月19日凌晨，尤雨溪大大正式发布了 Vue.js 3.0 版本，代号：One Piece。此框架新的主要版本提供了更好的性能、更小的捆绑包体积、更好的 TypeScript 集成、用于处理大规模用例的新
1）安装插件 npm install svg-sprite-loader --save-dev 2）封装svgIcon组件 在componemts里新建svgIcon文件夹，新建index.vue，封装成组件 <template> <svg :class="svgClass" aria-hidden ...
转载
2021-08-04 18:49:00
691阅读
2评论
Pinia 是一个用于 Vue 的状态管理库，类似 Vuex, 是 Vue 的另一种状态管理方案
三大核心：state（存储的值），getters（计算属性），actions也可支持同步（改变值的方法，支持同步和异步）
npm install pinia@next
or
yarn add pinia@next
模块化封装
创建实例
新建 store/index.ts（src目录下新建store文
原创
2023-11-08 13:54:01
197阅读
点赞
vuex createStore
转载
2023-02-24 12:13:58
1324阅读
axios是一个库，并不是vue中的第三方插件，使用时不能通过Vue.use()安装插件，需要在原型上进行绑定，例如以下写法是vue2引入axios的写法import Vue from 'vue'
import axios from ‘axios’
Vue.prototype.$http = axios然而，在vue3.0，并不是直接创建的vue实例，而是通过createApp来创建的那么问
原创
2021-05-20 15:13:51
6763阅读
# 在 Vue 3 中使用 TypeScript 的入门指南
## 文章概览
在本篇文章中，我们将详细介绍如何在 Vue 3 项目中使用 TypeScript。在开始之前，我们会先展示一个整体的流程步骤表，接着逐步详细解释每一个步骤及其代码实现。
## 流程步骤
以下是使用 TypeScript 在 Vue 3 中实现的基本步骤：
| 步骤 | 描述 |
|------|------|
