搜索结果
查询Tags标签： vue3，共有 251条记录-
vue3
环境搭建 yarn create viterefref() shallowRef() 对象整体更新， 强制更新let msg = shallowRef({}) triggerRef(msg)自定义ref 基本数据类型function MyRef<T>(value: T) {return customRef((track, trigger) => {return {get() {track()console.log(get:, va…
2022/7/6 23:21:58 人评论 次浏览 -
vue2.6向vue2.7迁移
尤大前不久正式发布了vue2.7正式版，也是vue2的最后一个版本，自此vue2进入持续18个月的长期支持，不再接收新功能。vue2.7可以看做是为了开发者更好的迁移到vue3而推出的迁移版本，支持了vue3的绝大部分功能，今天我也将正在做的项目升级到了2.7，以便更好的使用vue3的语…
2022/7/5 23:26:03 人评论 次浏览 -
剖析vue3数据绑定原理 Proxy
//ES5 let obj = {} Object.defineProperty(obj,name, {get() {console.log(get);return zxs},set() {console.log(set);}})console.log(obj.name); //get zxs obj.name = eslet obj1 = {} let newVal = Object.defineProperty(obj1, name, {get() {console.log(读取了属…
2022/7/5 23:23:49 人评论 次浏览 -
vite + vue3 中使用按需加载
实现按需加载，主要用到两个插件 1. 按需自动加载UI组件: unplugin-vue-components 该插件主要作用是省去每次使用一个自定义组件，或UI组件库的组件时对组件的引入。兼容不同UI组件库，需要在安装对应UI组件库的前提下，并引入对应UI组件库的 resolvers。 安装npm i un…
2022/7/4 6:21:58 人评论 次浏览 -
Vue3 父子组件互相触发方法
父组件<template><el-button type="primary" @click="faEvent">父组件</el-button><hr /><!-- 父2子 步骤 1. 定义ref --><!-- 子2父 步骤 3. 父组件创建自定义事件 --><SonCpt ref="sonRef" @chil…
2022/7/3 23:21:47 人评论 次浏览 -
Vue3的响应式原理
vue3.0中的响应式原理 解决了vue2中存在的问题 新增属性，删除属性，界面不会更新 直接通过下标修改数组，界面不会更新实现原理： 通过Proxy(代理)：拦截对象中任意属性的变化，包括：属性值的读写，属性的添加，属性的删除等…
2022/7/1 23:23:40 人评论 次浏览 -
我居然不知道Vue3可以使用hooks函数实现代码复用？
每天都要开心(▽)哇：项目开发过程中，我们会遇到一些情况，就是多个组件都可以重复使用的一部分代码逻辑，功能函数，我们想要复用，这可怎么办呢？ VUE2我们是怎么做的呢？在vue2 中有一个东西：Mixins 可以实现这个功能 mixins就是将这些多个相同的逻辑抽离出来，各个组…
2022/6/27 6:21:00 人评论 次浏览 -
vue2升级vue3： 全局变量挂载与类型声明
全局变量挂载 vue2 Vue.prototype.$lm = {} vue3 const app = Vue.createApp({}) app.config.globalProperties.$lm = {}声明类型 使用 ts 的情况下，挂载完全局变量后，在 vue 文件中，通过 this 对象 . 出来不来提示的。什么是声明文件? 声明文件就是给js代码补充类型标…
2022/6/21 23:20:42 人评论 次浏览 -
vue2升级vue3：vue2 vue-i18n 升级到vue3搭配VueI18n v9
项目从vue2 升级vue3，VueI18n需要做适当的调整。主要是Vue I18n v8.x 到Vue I18n v9 or later 的变化，其中初始化： 具体可以参看：https://vue-i18n.intlify.dev/guide/migration/breaking.htmlVue I18n v8.x: import Vue from vue import VueI18n from vue-i18nVue.us…
2022/6/21 23:20:41 人评论 次浏览 -
vue-- 同一台电脑 实现vue2和vue3 项目并存
第一步：新建2个文件夹，分别在下面安装vue2vue3; 这里注意的是，不要 -g 全局安装；vue2 安装：npm install vue-cli@2.9.6 vue3 安装：npm install @vue/cli 第二步：在各自的文件下会生成node_modules依赖包文件夹；然后在node_modules/.bin/ 文件夹下，点击右键打开…
2022/6/20 23:21:34 人评论 次浏览 -
Vue3源码调试步骤
github下载源码 地址：https://github.com/vuejs/core 注意：我此时下载的是vue3的3.2.37全局安装pnpm包管理工具 因为vue3的3.2.37采用pnpm工具管理项目，而不是采用yarn了安装依赖 进入到源码所在的文件夹使用pnpm install来安装依赖构建源码 构建 vue 源码，构建产物会…
2022/6/20 1:20:39 人评论 次浏览 -
vue3解决子组件onMounted在父组件之前完成onMounted
vue3解决子组件onMounted在父组件之前完成onMounted在子组件监听propswatch( //监听props里面的某个对象users，这里是 () =>{return props.users}的简写，() => props.users,(newValue, oldValue) => {if (newValue.length > 0) { //得到新值后再进行下一步操…
2022/6/16 23:23:30 人评论 次浏览 -
【学习】vue3阅读源码
vue3阅读源码之： 1.多个template实现原理：包裹了<fragment> 2.组件的挂载过程：3.组件的初始化：createApp =》app.mount =》 rerender的render函数 =》 patch =》类型判断 =》 processComponent =》 mountComponent =》 instance =》setupComponent（instance） …
2022/6/16 1:21:25 人评论 次浏览 -
【JS】【Vue3】Proxy理解
【JS】【Vue3】Proxy理解 在Vue3中，响应式数据的实现方式从原来Vue2的Object.defineProperty()更换为了Proxy,本质上还是对数据进行拦截，通过getter和setter实现页面的响应式更新。 Vue2中Object.defineProperty存在的问题：给对象添加或删除属性时，页面不会立即更新 通…
2022/6/13 23:23:45 人评论 次浏览 -
jeecgboot-vue3-AntDesign笔记（十五）——页面水印
应用效果操作步骤引入import { useWatermark } from /@/hooks/web/useWatermark;解构，获取变量const { setWatermark, clear } = useWatermark();页面加载后添加水印setWatermark(水印内容)
2022/5/31 23:21:17 人评论 次浏览
