YUSIR 完美CODING世界

最近又搞vue3项目了，不太情愿的使用element-plus，看到官网上使用icon只有全局循环注册所有icon的配置，很奇怪，不会增大包体积么，简单测试下.新建两个项目都是全局引入element-plus（懒得设置按需导入，官网有简单）

vue项目中手动引入eslintnpm install eslint --save-deveslint初始化npx eslint --init 运行时npm run lint 简单语法问题--fix会自动修复但是vue3项目出现只能有一个根节点的问题原因在于eslintrc.js里extends中plugin:vue/essential的问题看eslint-plugin-vue官网发现User Guide | eslint-plugin-vue...

概览就变化内容而言，此部分属于高阶内容：非兼容：用于自定义组件时，v-model的prop 和事件默认名称已更改： prop：value->modelValue； event：input->update:modelValue； 非兼容：v-bind的.sync修饰符和组件的model选项已移除，可用v-model作为代替； 新增：现在可以在同一个组件上使用多个v-model进行双向绑定； 新增：现在可以自定义v-model修饰符。在 V...

求解最长递增子序列是一道经典的算法题,多数解法是使用动态规划的思想，算法的时间复杂度是O();而Vue.js内部使用的是维基百科提供的一套“贪心+二分查找”的算法;贪心算法的时间复杂度是O(n)，二分查找的时间复杂度是O(logn)，总时间复杂度是O(nlogn)主要思路：对数组遍历，依次求解长度为i时的最长递增子序列当i元素大于i-1的元素时，添加i元素并更新最长子序列否则往前查找直到找到一个比i小的元素，然后插在该元素后面并更新对应的最长递增子序列主要目的:让递增序.

1.0 认识 websocket#1.0.1 什么是 websocket和 http 协议类似，websocket 也是是一个网络通信协议，是用来满足前后端数据通信的。#1.0.2 websocket 相比于 HTTP 的优势HTTP 协议：客户端与服务器建立通信连接之后，服务器端只能被动地响应客户端的请求，无法主动给客户端发送消息。websocket 协议：客户端与服务器建立通信连接之后，服务器端可以主动给客户端推送消息了！！！#1.0.3 websocket 主要的应用场景需

1.首先我们点击左侧第四个图标插件 2.输入框搜索vetur插件 3.点击设置图标，再点击扩展设置 4.搜素vetur>validation>template，取消vetur>validation>template的勾选然后就不会报错了

const myChart = ref(null); const myCharts = ref(null); onMounted(() => { // 这种会导致线仍然存在 重复生成 myCharts.value = echarts.init(myChart.value); myCharts.value.setOption(option); }); return { myChart, myChar...

useStore这里我们可以直接从vuex 4.X中解构出useStore方法，就可以在setup中使用vuex的相关函数template 使用$store<template> <div> <h2>{{ $store.state.count }}</h2> <button @click="increaseCount">点击</button> </div></template&gt

1<template> <div> <div class="container"></div> </div></template><script>import * as d3 from "d3";export default { data() { return { svgArea: null, links: [], nodes: [],

remove 点击移除文件时的回调，返回值为 false 时不移除。支持返回一个 Promise 对象，Promise 对象 resolve(false) 或 reject 时不移除。 Function(file):boolean | Promise 无 beforeUpload 上传文件之前的钩子，参数为上传的文件，若返回false则停止上传。支持返回一个 Promise 对象，Promise 对象 reject 时则停止上传，resolve 时开始上传（ resolve...

一、Composition API优势相对于vue2的option API Vue3的Composition API设计更有优势Composition(组合式)Api功能分组Composition(组合式)Api功能导入复用组合式Api所解决的问题(1)更好的代码组织结构(2)相同的代码逻辑可以进行复用home.vue 3种方式递进升级<template> <div class="home"> <div> ...

https://blog.csdn.net/qq_38330707/article/details/111497853有用mark 等抽时间写个vue+TS+echarts5.0的组件文章

在vue2.x中，可以通过给元素添加ref='xxx'属性，然后在代码中通过this.$refs.xxx获取到对应的元素然而在vue3中时没有$refs这个东西的，因此vue3中通过ref属性获取元素就不能按照vue2的方式来获取vue3需要借助生命周期方法，原因很简单，在setup执行时，template中的元素还没挂载到页面上，所以必须在mounted之后才能获取到元素。<template> <div ref='box'>I am DIV</div&gt.