vue3
Jack おう
后端转前端的码农小王---深圳
展开
-
tsx vue3 自定义指令
vue tsx 自定义指令原创 2022-06-01 16:52:30 · 819 阅读 · 1 评论 -
解决 eslint Maximum call stack size exceeded问题 vue3 tsx onUpdate:
<Valuationv-model={this.valuationResult}{…{ ‘v-model:assessment’: this.assessment, ‘onUpdate:modifyBool’: this.getModifyBool }}mode=“disable”customMode={{ disable: { edit: [‘when’, ‘divideDateStart’] } }}/>类似 onUpdate:modifyBool这种可以写在对象上解决esli原创 2022-04-07 14:03:00 · 1743 阅读 · 0 评论 -
vue3-ecosystem项目
一些坑vue3 keep-alive中的响应式失效原创 2021-10-18 14:20:57 · 256 阅读 · 0 评论 -
vue3 keep-alive中的响应式失效
坑原创 2021-10-18 09:58:55 · 368 阅读 · 2 评论 -
provide不更新 遇到了个坑 使用emit(update:xx)的话 provide中的响应式不会更新点父组件中会
provide不更新 遇到了个坑 使用emit(update:xx)的话 provide中的响应式不会更新点父组件中会更新,直接使用方法更新就好了原创 2021-10-14 17:37:51 · 598 阅读 · 0 评论 -
vue3源码
reactivecreateReactiveObject其实就是个proxyfunction createReactiveObject( target: Target, isReadonly: boolean, baseHandlers: ProxyHandler<any>, collectionHandlers: ProxyHandler<any>) { if (!isObject(target)) { if (__DEV__) {原创 2021-08-02 22:37:37 · 144 阅读 · 0 评论 -
vue3 监听computed属性
<script>import { defineComponent,ref ,computed,watch} from "vue";export default defineComponent( { name: "HelloWorld", props: { msg: String, }, setup(){ const count = ref(0) function clickHandler() { console.log(count.v.原创 2021-07-22 16:46:09 · 1713 阅读 · 0 评论 -
vue 假分页
因某原因,后端一次性返回所有数据,无分页字段,只能自己实现假分页。需要准备俩个数组。一个展示,一个分割 最初获取数据的时候 if(this.tableData.length > 0){ let temp = JSON.stringify(this.tableData) this.pageList = JSON.parse(temp) this.pageList = this.pageList原创 2020-10-28 16:54:04 · 765 阅读 · 0 评论 -
vue3-查看修改功能表单实现
<template> <div> <p v-if="type === 'text'" class="text">{{$attrs.modelValue}}</p> <input v-else :value="$attrs.modelValue" @input="changeData" v-bind="$attrs"> </div></template><script lang='ts'>原创 2021-07-08 03:51:57 · 484 阅读 · 0 评论 -
vue3 ts 中快速获取 组件引用的返回类型 element ref 的返回类型
type TNumaImage = Exclude<ReturnType<Required<typeof NumaImage>['setup']>, void | RenderFunction | Promise<any>>;原创 2021-06-27 14:38:58 · 1788 阅读 · 0 评论 -
vue3中获取setup的返回值类型
获取某组件的引用后还需要去定义type,这样太麻烦了,可以获取setup的返回值类型,这样就方便能推断了.组件中setup return的内容方法核心是ts中的ReturnType类型https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetypetype partner = Exclude<ReturnType<Required<typeof PartnerInfo>['setup原创 2021-06-26 16:26:50 · 2828 阅读 · 0 评论 -
vue3+ts 如何知道函数传参的类型?
函数函数定义还不懂这个value是什么类型的,可以打出来看,有些什么类型 InputEventok,有类型了但是点target的时候只有这些,没有想要的input的值(value)再把targer打印出来,发现是input元素,name可以给targe 断言为input元素断言,HTMLInputElement,ok完美通过以上方法即可找到不懂的类型了...原创 2021-06-26 14:34:24 · 917 阅读 · 0 评论 -
vue3 坑
[Vue warn]: Failed to resolve component:报错问题。原创 2021-04-30 19:31:11 · 184 阅读 · 1 评论 -
Vite原理
Vite注意解决webpack开发时候慢的问题。原理只有使用了才去请求文件或模块vuecli的原理不管模块是否被使用都被打包到bundle里vite的HMRbuild延伸问题现在应用是否需要打包?问题1 现在浏览器都支持ESM问题2 现在http可以解决多请求问题vie支持其他和特性Vite原理代码#!/usr/bin/env nodeconst path = require('path')const { Readable } = require('st原创 2021-03-26 08:14:35 · 269 阅读 · 0 评论 -
Vue.js 3.0-响应式系统原理
响应式系统原理-介绍这里的代码主要显示俩个小问题<!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-03-26 07:58:13 · 86 阅读 · 0 评论 -
Composition API
Composition APIcreateApp使用createApp返回一个对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></h原创 2021-03-26 07:12:42 · 92 阅读 · 0 评论 -
Vue 3.0介绍
Vue 3.0介绍原创 2021-03-25 21:07:40 · 268 阅读 · 0 评论