搜索结果
查询Tags标签： vue3，共有 251条记录-
Vue3中如何使用this
vue3提供了getCurrentInstance ，通过这个属性，直接使用ctx是错误的，需要找到全局属性globalProperties import { getCurrentInstance } from vue const instance = getCurrentInstance() const _this= instance.appContext.config.globalProperties这里的_this就相当于…
2022/9/6 23:24:14 人评论 次浏览 -
vue3项目debugger调试看不到源码-jeecgboot
问题描述： 采用setup标签写的代码，debuger的时候看不到源码，导致无法调试。setup写法示例： <script lang="ts" name="order-apply-list" setup>debugger看到是下面的效果：如何解决这个问题呢？ 一、添加jeecgboot-vue3项目的 src 源码路径…
2022/9/6 1:22:49 人评论 次浏览 -
vue——创建vue3
一.使用vue-cli创建 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create 二.使用vite创建 官方文档：https://v3.cn.vuejs.org/guide/installation.html#vite vite官网：https://vitejs.cn什么是vite？—— 新一代前端构建工具。优势如下：开…
2022/9/2 23:52:59 人评论 次浏览 -
vue3学习
资料： http://docs.vikingship.xyz/声明类型：1.使用ref可以声明基础数据2.使用reactive声明对象数据 3.computed可以返回一个不变的响应式对象比vue2优势：可以直接新增或修改对象数据，也能实时更新基础数据：对象数据：生命周期：beforeDestroy 变为 beforeUnmountde…
2022/8/31 23:24:58 人评论 次浏览 -
vue3进阶学习
vue3进阶学习官方网站：https://v3.vuejs.org/ 中文文档: https://staging-cn.vuejs.org/guide/introduction.html目的：加强对vue3的学习 了解vue3在生产环境下需要安装什么插件。1、Vue3安装 上节我们采用NPM 的方法来学习vue。 这次使用构建工具来构建Vue项目。 现在官…
2022/8/31 23:23:10 人评论 次浏览 -
前端开发常用工具
记录自己经常用到的工具,换电脑时使用----------不定时更新一：电脑相关 1.windows系统，安装nvm node包管理工具，可以切换多个node版本，以适应vue2,vue3,react等开发需求，安装前先卸载电脑里的nodejs版本，在安装nvm。 2.nrm，切换npm下载源 安装方法 npm i nrm -g 二…
2022/8/29 23:22:56 人评论 次浏览 -
Vite+vue3发布后使用的静态图片无法显示Failed to construct ‘URL‘: Invalid URL
1.使用官方引用静态资源处理，需要把图片放在public里面getImageUrl(name) {return new URL(`./img/${name}.png`, import.meta.url).href } 2.本地运行项目中可以显示图片，但是发布后报Failed to construct ‘URL’: Invalid URL错误，是因为把 esbuild 构建目标设置为…
2022/8/27 23:24:52 人评论 次浏览 -
vue3中的suspense
# 使用方法将异步组件包装在<template #default>标记中 在我们的Async组件的旁边添加一个兄弟姐妹，标签为<template #fallback> 用来显示异步加载时的提示动画等 将两个组件都包装在<suspense>组件中
2022/8/8 6:22:49 人评论 次浏览 -
Vue3系列7--父子组件传参
1 父组件传递给子组件 父组件通过v-bind绑定一个数据，然后子组件通过defineProps接受传过来的值。<template><div class="layout"><Menu v-bind:data="data" title="我是标题"></Menu> // 传递字符串的时候可以不…
2022/8/6 23:22:43 人评论 次浏览 -
Vue3 之组件 v-model
Vue3 之组件 v-model 在 3.x 中，自定义组件上的 v-model 相当于传递了 modelValue prop 并接收抛出的 update:modelValue 事件： 父组件<template><!-- 父组件--><p> 在 3.x 中，自定义组件上的 v-model 相当于传递了 modelValue prop 并接收抛出的 u…
2022/8/3 6:25:02 人评论 次浏览 -
Vue2和Vue3的部分区别
生命周期： 整体变化不大，只是大部分生命周期钩子前+"on"，功能是类似的。需要注意的是，Vue3在组合式API中使用生命周期钩子时需要先引入，Vue2在选项API中是可以直接使用的。 //Vue3 <script setup>import {{生命周期钩子}} from vue生命周期钩子(() =…
2022/7/21 6:25:49 人评论 次浏览 -
vue3中自定义hooks
hook: 直译[hʊk] 钩子 Hooks在前端领域并没有明确定义，借用知乎大佬的定义：在JS里是callback,事件驱动，集成定义一些可复用的方法。Vue3官方文档并没有对自定义Hooks做任何定义，却无处不在在使用这个技巧，很多开源项目也在用这个技巧，所以作为一个合格的Vuer学会自…
2022/7/14 23:23:31 人评论 次浏览 -
Vue3快速上手
1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么 1.性能的提升打包大小减少41%初次渲染快5…
2022/7/10 6:20:25 人评论 次浏览 -
vue3使用watch监听store简单状态管理中reactive对象
参考： Vue3中watch监视reactive定义数据的“坑” - csdn watch - Vue.js vue中watch的使用写法 - csdn 【Vue】watch的详细⽤法 - csdn vue中watch的用法 - 博客园前言 在项目中，我想用store来全局管理document.body.clientWidth 然而却发现watch无法监听store中的clien…
2022/7/10 6:20:17 人评论 次浏览 -
Vue3 CSS变量的使用， 不支持响应式渲染
1. style 中使用v-bind 不支持响应式渲染1 <template>2 <p class="msg">Hello World!</p>3 </template>4 5 <script lang="ts">6 import { defineComponent, ref } from vue7 8 export default defineComponent({9 …
2022/7/9 23:23:54 人评论 次浏览
