您的位置:首页 >> Vue3

列表

  • Vue3中的setup语法糖、computed函数、watch函数如何用

    前端

    setup 语法糖大家发现没有,在我们前面几篇文章中的案例代码中,每个案例的模板中都有一些雷同代码,这些代码就是我们的setup函数,但是作为组合API的入口函数,我们所有的组合式API都要写到里面,难道我们每次都要写上这一坨么,其实在Vu

  • Vue3中echarts无法缩放如何解决

    前端

    问题描述官网示例正常1、打开echarts官网示例:https://echarts.apache.org/examples/zh/editor.html?c=area-rainfall这个示例的缩放功能是正常的。如下图:官网示例在本地缩放异

  • 前端

    既然是数据监听,监听的是它的变化。那么就需要能够捕获它的变更,于是监听的数据必然要是响应式数据watch(WatcherSource, Callback, [WatchOptions])参数:WatcherSource:想要监听的响应式数据

  • 前端

    vue3使用element-plus调用message环境:vue3+typescript+element-plus1. 全局引入element之后element已经在 app.config.globalProperties 添加了全局方法

  • 前端

    vue3.0在组件外使用VueI18n通常将写在setup里面的代码写在外面会报错Must be called at the top of a `setup`意思是必须写在setup里面要将 i18n 与 Vue 3 的组合 API 一起使

  • vue3编译优化的内容有哪些

    前端

    vue3编译优化有:1、引入了 patchFlag,用来标记动态内容;在编译过程中会根据不同的属性类型打上不同的标识,从而实现了快速diff算法。2、Block Tree。3、静态提升,是将静态的节点或者属性提升出去。当静态节点连续超过10

  • laravel怎么安装inertia vue3的版本

    前端

    一、安装前要求1.1 已安装laravel框架1.2 已安装Node JS1.3 已安装Npm包管理工具二、服务端配置2.1 第一步:composer安装inertia-laravel$ composer require inertiajs

  • Vue3父子组件间通信、组件间双向绑定的方法

    前端

    本文内容提要父子组件可通过事件 进行通信携带参数的事件 发送和监听回调使用 组件的emits板块 整理组件事件使用 组件emits板块的 Object形式 校验外传的参数值结合$emit、v-bind与v-model 实现 父子组件通信(数

  • Vue3组件间传值避坑方法有哪些

    前端

    实例填坑坑一1. 发现天坑我们通过一个计数器组件来演示这个坑,当想对父组件传递过来的值做操作时,发现操作无效,先看代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-

  • vite+vue3中怎么使用mock模拟数据问题

    前端

    1.安装mockjs和vite-plugin-mocknpm i mockjs vite-plugin-mock --save-dev2.在vite.config.ts文件中配置vite-plugin-mock使用方式import { de

  • Vue3需要避免的错误有哪些

    前端

    使用Reactive声明原始值数据声明在过去都是非常直接的,但是现在有很多帮助函数供我们使用。目前的规则是:使用reactive声明Object, Array, Map, Set使用ref声明String, Number, Boolean为

  • Vue3 style中新增的特性有哪些及怎么用

    前端

    style新特性Vue3.2版本对单文件组件的style样式进行了很多升级,如局部样式、css变量以及样式暴露给模板使用等。(学习视频分享:vue视频教程)一、局部样式当 <style> 标签带有 scoped attribute 的时候,

  • Vue3没有代码提示问题如何解决

    前端

    首先,我们已经很明确的就是安装了volar插件之后,HTML标签片段补全已经失效,即在template中书写HTML标签时,不会再有代码补全,即输入“div”,就是“div”,而不再是“<div></div>”,为了解决这个问题,我们需要在

  • 前端

    1.用自己最喜欢的方式安装yarn add pinia# 或者使用 npmnpm install pinia2.main.js引入import { createApp } from vueimport App from ./App.vue

  • 前端

    一、版本背景介绍vite: ^4.2.0vue: ^3.2.47ts: ^4.9.3electron: ^23.2.1二、过程1. 搭建vite+vue-ts的项目yarn create vite@ vuets_electron --tem

  • 前端

    1、前言顾名思义,爷孙组件是比 父子组件通信 要更深层次的引用关系(也有称之为 “隔代组件”):C组件引入到B组件里,B组件引入到A组件里渲染,此时A是C的爷爷级别(可能还有更多层级关系),如果你用 props ,只能一级一级传递下去,那就

  • 前端

    setup语法糖 最大好处就是所有声明部分皆可直接使用,无需return出去注意:部分功能还不完善,如:name、render还需要单独加入script标签按compositionAPI方式编写// setup 下还可以附加<script>

  • Vue3 setup的注意点及watch监视属性的情况有哪些

    前端

    一,setup须知1.1setup的执行时间1.setup的执行时间要比beforCreate执行要早 export default { name: "Demo", beforeCreate(){ console.l

  • Vue3 Element-plus和el-menu无限级菜单组件怎么封装

    前端

    对于element中提供给我们的el-menu组件最多可以实现三层嵌套,如果多一层数据只能自己通过变量去加一层,如果加了两层、三层这种往往是行不通的,所以只能进行封装效果图 一、定义数据MenuData.tsexport default [

  • 前端

    实例解析元素间的动画切换元素之间的动画切换指的是两个dom元素之间的切换,比如一个div消失,另一个div显示,消失对应着渐出的效果,显示对应渐入的效果,本例我们以两个div,一个显示hello world,另一个显示bye world,然

  1 2 3 4 5 6 7 8 9 10