![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
weixin_45184807
这个作者很懒,什么都没留下…
展开
-
vue3 package.json
1111原创 2022-05-02 14:25:04 · 840 阅读 · 0 评论 -
vue3 + TS + Ant Design Vue table表格树结构自定义图标
html <a-table :columns="columns" :data-source="data" bordered :pagination="false" :expandIconColumnIndex="1" :expandIcon="iconFun" >ts<script lang="ts">import { defineComponent, ref } from "vue";.原创 2021-12-08 16:23:07 · 1336 阅读 · 0 评论 -
2021-11-11
原创 2021-11-11 11:05:56 · 216 阅读 · 0 评论 -
2021-11-09
代码<template> <div style="width: calc(100vw - 300px); height: calc(80vh - 10px)"> <el-scrollbar always> <canvas ref="canvas" id="cavsElem" :width="width" :height="height"> 您的浏览器不支持canvas, 请升级更换或升级浏览器 </.原创 2021-11-09 18:24:11 · 565 阅读 · 0 评论 -
城市数据json
诶 又凑了一篇城市数据https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/area.json原创 2021-07-23 17:13:42 · 182 阅读 · 0 评论 -
vue2与vue3的 区别和改动
1. vue3的优点1.性能比Vue2.x快1.2~2倍 原因1: diff方法优化: vue2中的虚拟dom是全量的对比(每个节点不论写死的还是动态的都会比较) vue3新增了静态标记(patchflag)与上次虚拟节点对比时,只对比带有patch flag的节点(动态数据所在的节点);可通过flag信息 得知当前节点要对比的具体内容 原因2:静态提升 vue2无论元素是否参与更新,每次都会重新创建然后再渲染 vue3对于不参与更新的元素,会做静态提升,只会被创建一次,在渲染时原创 2021-07-23 14:36:08 · 468 阅读 · 0 评论 -
我猜你不会的nexttick
题目<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body>转载 2021-07-23 08:39:28 · 76 阅读 · 0 评论 -
route-link 小解
router-link<router-link >组件支持用户在具有路由功能的应用中(点击)导航。 通过 to 属性指定目标地址,默认渲染成带有正确链接的<a>标签,可以通过配置 tag 属性生成别的标签.。另外,当目标路由成功激活时,链接元素自动设置一个表示激活的 CSS 类名。<router-link>比起写死的<a href="...">会好一些,理由如下:无论是 HTML5 history 模式还是 hash 模式,它的表现行为一致,所以,当你原创 2021-07-22 19:37:33 · 1393 阅读 · 0 评论 -
数据懒加载
import { ref } from 'vue'import { useIntersectionObserver } from '@vueuse/core'/** * 数据懒加载 * fn() 要执行的方法 * return 观察的dom元素 */export default (fn) => { // 1. stop 是一个函数。如果调用它,就会停止观察(是否进入或移出可视区域的行为) // 2. target 是观察的目标容器 dom对象 | 组件对象 // 3. is原创 2021-07-22 18:12:46 · 117 阅读 · 0 评论 -
骨架屏代码
骨架屏代码<template> <div class="xtx-skeleton" :style="{width,height}" :class="{shan:animated}" > <!-- 1 盒子--> <div class="block" :style="{backgroundColor:bg}" ></div> <!-- 2 闪效果 xtx-原创 2021-07-17 11:38:47 · 137 阅读 · 0 评论 -
vue3初始化项目的一些实用npm包
项目样式初始化 npm i normalize.css //导入 import 'normalize.css'还要定义初始化的一些less文件 在main.js就是中引用vuex持久化插件 npm i vuex-persistedstate在store/index.js中配置 import createPersistedstate from 'vuex-persistedstate' plugins: [ createPersistedstate({ .原创 2021-07-16 09:42:13 · 334 阅读 · 0 评论 -
vue2 与 vue3 项目的区别
1 routervue2import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'Vue.use(VueRouter)const routes = [ { path: '/', name: 'Home', component: Home }, { path: '/about', name: 'About', /原创 2021-07-14 17:51:55 · 301 阅读 · 0 评论 -
vue3调试工具
这是一个悲伤的故事我整了4个多小时终于好了 嘤嘤嘤话不多说上地址git clone git@github.com:xiaocai12138529/vue-devtools.git链接原创 2021-07-13 23:01:17 · 786 阅读 · 1 评论 -
Vite初使用
1. 什么是Vitevite是vue作者开发的一款意图取代webpack的工具实现原理是利用ES6的import发送请求去加载文件的特性,拦截这些请求,做些预编译,省去webpack冗长的打包时间安装vitenpm install -g create-vite-app利用vite创建vue3项目create-vite-app projectName安装依赖运行项目cd projectNamenpm installnpm run dev...原创 2021-07-13 18:39:56 · 58 阅读 · 0 评论 -
vue之花里胡哨的滚动条
官网据说官网不稳定1下载 npm i vuescroll -S2 引入2.1 全局引入import Vue from 'vue';import vuescroll from 'vuescroll';// 你可以在这里设置全局配置Vue.use(vuescroll, { ops: {}, // 在这里设置全局默认配置 name: 'myScroll' // 在这里自定义组件名字,默认是vueScroll});/* * 或者 */Vue.use(vuescroll)原创 2021-06-22 17:04:43 · 105 阅读 · 0 评论 -
2021-06-04创建一个vue项目
hmtt项目初始技术选型vue.js: 核心vuevuex: 状态管理插件(数据集中管理)vue-router: 路由插件axios: ajax请求json-bigint: 最大安全数值处理socket.io-client: 即时通讯库vant: 移动组件库amfe-flexible: rem适配vue-lazyload: 图片懒加载打包App:DCLOUD 打包1.创建项目(使用vuecli)1.1vue create hmtt1.2选用自定义特性需要选中: Babel,原创 2021-06-06 18:00:45 · 142 阅读 · 1 评论