three vue js

环境安装 nodejs有了，安装vue-cli： npm install -g @vue/cli （准备按查的资料跑下去的时候突然发现公司项目运行命令是npm run dev，好家伙是vue2，这个是vue3的） 再安装： npm install -g @vue/cli-init 看资料说webpa ......

数组的sort方法可以对数组进行排序，默认是按照字符编码的顺序进行排序，可以自定义规则。 sort方法会修改原数组。 自定义规则简述：比较函数两个参数 a 和 b，（a是b的后一个元素），返回 a-b 升序，返回 b-a 降序。 ```javascript let arr = [3,5,2,9,1] ......

Vue全局事件总线1、一种组件间通信的方式，适用于任意组件间通信。 2、安装全局事件总线 // main.js 中 安装全局事件总线 new Vue({ render: h => h(App), beforeCreate() { Vue.prototype.$bus = this // 安装全局事件 ......

问题一：富文本编辑器初始化实例出不来，有两个原因： 找的参考代码不适用微信小程序，需要用.in(this) uni.createSelectorQuery() .in(this) .select("#editor") .context(res => { this.editorCtx = res?.c ......

## 1.计算属性computed ```python # 1 计算属性是基于它们的依赖变量进行缓存的 # 2 延缓计算,计算属性只有在它的相关依赖变量发生改变时才会重新求值，否则不会变（函数只要页面变化，就会重新运算） # 3 计算属性就像Python中的property，可以把方法/函数伪装成属 ......

如果你想要将一个对象的所有属性都当作 props 传入，你可以使用没有参数的 v-bind，即只使用 v-bind 而非 :prop-name。例如，这里有一个 post 对象： export default { data() { return { post: { id: 1, title: 'My ......

1. 运行以下命令 npm install -g increase-memory-limit increase-memory-limit 4096mb #改成适合本机的内存 2. 可能会提示 "node --max-old-space-size=10240"' 不是内部或外部命令，也不是可运行的程序 ......

1 <script lang="ts"> 2 import {Component, Prop, Vue, Watch} from "vue-property-decorator"; 3 import config from "@/config"; 4 import {queryProductSpec ......

一、定义语法 （1）、局部指令： .... methods: {}, directives: { // 局部指令写法一 big(el, binding) { // el 被绑定的元素 // binding 被绑定的对象值 console.log(el, binding) }, // 局部指令写法二 ......

1、在组件中添加 show 和 hide 方法。 export default { methods: { show: function () { this.visible = true; }, hide: function () { this.visible = false; } } } 在上述代码 ......

在Vue 3中使用Less（Leaner Style Sheets）可以通过以下步骤完成： 1. 安装less和less-loader：首先，你需要安装Less和Less Loader依赖。在Vue项目的根目录下，可以使用npm或yarn运行以下命令来安装它们： ```bash npm instal ......

文档中{普通文字}{%图片}{%%居中图片} <template> <el-date-picker v-model="value" class="timePicker" type="day" placeholder="" format="YYYY-MM-DD " value-format="YYYY ......

// ==UserScript== // @name xhr_setRequestHeader // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // ......

vue3 侦听器 在Vue3中，侦听器的使用方式与Vue2相同，可以使用watch选项或$watch方法来创建侦听器。不同之处在于，Vue3中取消了immediate选项，同时提供了新的选项和API。 创建侦听器 可以使用watch选项或$watch方法来创建侦听器，语法与Vue2相同。示例如下： ......

先上图!  出现图片上的问题，图片是我网上找的 问题描述： 只会出现在c#前端js页面中并且只在body里面的js中 ......

在electron结合vue3的项目中，引入element-plus的icon可以根据官网的步骤： 先安装icons-vue npm install @element-plus/icons-vue 注册所有图标，在main.js/main.ts 1 import * as ElementPlusIc ......

在Vue项目中，当在本地运行时，使用Vue Router进行路由跳转时，页面的刷新是由前端路由控制的，而不会发送实际的HTTP请求。然而，当将Vue项目发布到服务器上时，刷新页面可能会导致出现404错误。本文将介绍两种常见的解决方案。 ......

- mac电脑  # 1、项目创建 - 使用Vue-cli来完成 ## 1.1、N ......

原文链接：[https://www.cnblogs.com/yalong/p/17463847.html](https://www.cnblogs.com/yalong/p/17463847.html) 这里使用 `koa2` 做为演示项目，使用 `Dockerfile` 构建 `Docker` 镜 ......

混入 (mixins)： 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 1.创建Mixins 在src目录中创建一个mixins文件，文件夹里面创建一个js文件import，前面我们说了mixi ......

[TOC] 前些时间在更新我的坐标边界查询工具的时候，需要用到经纬度坐标点的距离计算，和以坐标点为中心生成一个指定距离为半径的圆，搜了一下没有找到现成简单又合适的代码，于是把自己压箱底的代码翻出来了，简化完善了一下，嘿，代码量也不大，还挺好用。 本方法是通过计算得到圆上的多个坐标点，来得到的一个近似 ......

splitData(data, pageSize, pageNum) { const result = []; const pageTotal = Math.ceil(data.length / pageSize); // 计算总页数 // for (let i = 0; i < pageTotal ......

## VitePress 搭建组件库文档 当我们组件库完成的时候,一个详细的使用文档是必不可少的。本篇文章将介绍如何使用 VitePress 快速搭建一个组件库文档站点并部署到GitHub上 ## 安装 首先新建 site 文件夹,并执行`pnpm init`,然后安装`vitepress和vue` ......

在对一个vue项目执行过“npm audit fix --force”命令之后，就出现了如下错误： ERROR Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin('preload').us ......

apiConfig: { //配置 type: Object, default () { return { type: "11", url: "11", urlParams: {}, labelName: "11", valueName: "11" } } }, 如果以以上写法为对象设置默认值，会在 ......

示例： 组件中 <template> <!-- 自定义组件中使用v-mode指令 --> <input type="search" @input="changeInput" data-myValue=""> </template> <script> export default { name: 'C ......

一开始使用了vue-pdf效果并不理想，满足不了要求还出现兼容问题， PDF.js似乎是一个完美的解决方案,号称兼容各种浏览器.快速且高效.界面按钮可以配置,而且也比原生iframe框架好看一些,但是一轮的使用下来,确确实实躺了不少的坑,特此记录一下全过程,希望以后使用的时候注意一点. 以下是我使用 ......

Code： /** * 队列（基于动态数组） * @class */ var AQueue = (function() { /** * 栈容器 * @type {DArray} */ let arr; /** * @class */ class _AQueue { /** * * @param {n ......

## 今天遇到报错export 'Geometry' (imported as 'THREE') was not found in 'three' ``` port 'Geometry' (imported as 'THREE') was not found in 'three' (possible ......

### 一、官方网站 https://github.com/uuidjs/uuid ### 二、安装 uuid `npm install uuid` ### 三、导入 uuid 注：官方文档里的示例只适用于服务端（nodejs），想在浏览器里使用，得换一种导入方法 nodejs： `import { ......