首页 > TAG信息列表 > VUE3.0

关于vue3.0的一些东西

           

vue css less sass scss 深度选择器 穿透 /deep/ ::v-deep >>> 的区别

1./deep/ 在vue3.0之前可使用，例如(复写样式前加/deep/)，vue3.0及后使用就会报错 & /deep/ .el-input { width: 60px; } 2. ::v-deep 在vue3.0及后使用，替代/deep/ &::v-deep .el-input { width: 60px; } 3. >>> 只作用于css，对于less和scss不起作用，如果是less和scss的话

vue3.0 中 子组件 调用父组件的方法

vue3.0 中 子组件 调用父组件的方法 方法有很多,我这只是其中的一种,仅供参考; 子组件 setup(props, context) {       context.emit('eventIsNum') //子页面很简单,就是用 context.emit 去调父组件的方法即可; } 父组件 </template> <v-updateView @eventIsNum="re

vue3.0打印

<template class="aa"> <div> <button class="notprint" @click="printOut(printDom)"> 打 印 </button> <div ref="printDom"> <hr /> <hr /> 需

解决 vue3.0部署nginx后 echarts二次渲染问题

本地情况正常 结果部署nginx服务器后发现echarts图表第二次查看时就出问题了 解决办法就是我们在重新创建的时候，移除之前创建的实例并且重新创建一个Echarts实例： onMounted(()=>{ // echarts.init(document.getElementById("userSex")).dispose() const userSexChart = echar

如何实现将拖动物体限制在某个圆形内--实现方式vue3.0

如何实现蓝色小圆可拖动，并且边界限制在灰色大圆内？如下所示   需求源自 业务上遇到一个组件需求，设计师设计了一个“脸型整合器”根据可拖动小圆的位置与其它脸型的位置关系计算融合比例 如图   我们先把具体的人脸功能去掉再分析 中间的蓝色小圆可由鼠标拖动，但拖动需要限制在大

vue3.0 + net6 webapi+ mysql

全栈开发：   开发环境和技术栈操作系统：windows 开发工具：vscode、Visual Studio 、sql server ​ 前端：Vue3、TypeScript、SCSS、Element Plus、Router、axios、Vuex ​ 后端：.NET6、Automapper、Autofac、Sql sugar、JWT、Log4Net 前端开发--后端提供数据--数据库管理数据--业务流

Vue3.0学习笔记--Vue环境搭建

一、安装nodejs版本管理器nvm 二、安装nodejs nvm install 14.19.1 //安装nodejs 14.19.1版本 nvm use 14.19.1 //使用node 14.19.1版本 nvm ls //列出所有安装的nodejs版本 三、创建第一个Vue应用 1.创建一个启用构建工具的 Vue 项目 用管理员打开VS Code，打开文件夹（任意一个空

vue3.0pdf导出

<template> <div class="home-top"> <button @click="getPdf('pdf')">导出(pdf)</button> </div> <div class="home-wrap" ref="exportPdf"> <PageOne /> <

vue3.0的生命周期函数

stetup(){}在 生命周期函数 系列中的优先级 〇setup(){ //优先级最高 处于created生命周期之前的函数，是无法访问data，methods中的数据是无法访问到的，setup中的this指向undefined} ①beforeCreate(){ // vue对象创建成功之前 }②created(){// vue对象创建成功之后} ③beforeM

vue3.0项目的创建

 安装淘宝镜像遇见一下问题             查看是否安装成功:      node的版本号查看: node -v;node的版本号在14.0以上;      npm的版本号查看:npm -v;npm的版本号在6.0以上;    淘宝镜像的cnpm的版本号查看:cnpm -v;cnpm的版本号在6.5以上;    查看vue是否安

Vue-router的使用[vue3.0版本]

一、Vue-router 二、Vue项目实现路由跳转 1.Vue脚手架创建项目，安装对应模块 2.最简单的Vue-router路由机制 3.动态路由 3.1静态部分 3.2获取动态部分 4.嵌套路由 5.命名路由 一、Vue-router vue-router有三个概念 route, routes, router。 1、route，一条路由，它是单数，点击内容后跳转

VUE3.0 多附件上传，支持word、xls、pdf、png

最近好几个项目需要上传附件，之前用vue2.0写了一版，在原来基础上修改了一下，整合到vue3.0的项目中，使用vue3-preview-image对图片加上图片预览功能，不多说了，直接贴代码吧，需要的自拿。 新建attachment.vue文件 <template> <div> <div class="divattachlist"> <div v-for="

vue3.0新特性

一、创建一个vue3.0项目 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jZuEr8bu-1647775515823)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20220320174536841.png)] [外链图片转存失败,源站可能有防盗链机制,建

Vue3.0 新特性以及使用经验总结

前言 Vue3.0 在去年 9 月正式发布了，看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结， 包含 Vue3 新特性的使用以及一些使用经验分享。 为什么要升级 Vue3 使用 Vue2.x 的小伙伴都熟悉，Vue2.x 中所有数据都是定义在data中，方法

vue3.0脚手架搭建（vscode）

1、安装node.js：Node.js node -v //查看node是否安装成功 npm -v //查看npm是否安装成功 2、安装cnpm npm install -g cnpm --registry-http://registry.npm.taobao.org cnpm -v //查看cnpm是否安装成功 3、安装vue-cli脚手架构建工具 全局安装 npm install -g

vue3.0 `slot` attributes are deprecated.`slot`属性已弃用

用vue3.0做项目是发现：`slot`属性已弃用 但vue 3.0增加了v-slot的指令，在templatev-slot:dropdown就ok了

vue3.0使用vant组件的过程

创建项目 vue create yxsc_project 安装vant 组件库 第一步         安装命令 npm install vant@next --save (因为使用的是vue3.x 所以要安装vant的针对vue3的版本 vant@next) 第二部         vant的进阶使用 通过 npm install postcss postcss-pxtorem --

Vue3.0 你不能不知道的知识

Vue模板语法-文本渲染 指令 是带有 v- 前缀的特殊 attribute。指令 的属性值预期是单个 JavaScript 表达式 {{ }} 语法 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1&

SpringCloudAlibaba开发的货币交易系统课程SprinbBoot+Vue3.0

SpringCloudAlibaba开发的货币交易系统课程SprinbBoot+Vue3.0 前言 码云（Gitee）上开源数字货币交易所源码CoinExchange的整体架构用了SpringCloud，对于经验丰富的Java程序员来说，可能很简单，但是对于我这种入门级程序员，还是有学习的必要的，今天就大概分享一下我学到的东西。 关于Spri

Vue3.0之引入Element-plus ui样式

安装：官网 欢迎star：github npm install element-plus --save 第一种：CDN 目前可以通过 unpkg.com/element-plus 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。 <! – 引入样式 --> < link rel=“stylesheet” href=“https://unpkg.com/element-plus/lib/t

vue3.0使用pdfjs-dist查看pdf文件

文章目录 pdf预览组件 封装组件组件注册使用 增加缩放功能（2021-12-15更新） 组件使用 pdf预览组件 前情：项目要的急，就简单的能看pdf文件，没有其他功能 使用的 pdfjs-dist 版本号：2.5.207 接下来，直接上代码 封装组件 <template> <template v-for="item in pageNum" :key="it

vue3.0中的响应式原理

// 是通过proxy把目标对象变成代理对象，然后通过Reflect把值返回回来的操作，将数据变成响应式 // 常用的Reflect方法有 get、set、deleteProperty const user = { name: '佐助', age: 20, like: { name: '小樱', age: 19 } } // 两个参数 /

Vue3.0+Element-plus项目框架搭建(三)：初始化项目结构

`在创建项目的同时，也生成了很多无用的代码，那么需要去除掉这些无用的代码。 按照如下方式初始化项目代码结构： App.vue 初始化代码如下： <!-- * @Author: longerJue --> <template> <router-view /> </template> <style lang="scss"></style> 删除 views 文件夹下的所有

Vue3+Element Plus开发搭建_Vue3+Element3开发搭建

一、Vue3+Element Plus开发搭建_Vue3+Element3开发搭建 Element Plus也就是Element3的UI框架，距离正式发布还有2天。 当前测试安装的还是Beta版本 最新搭建步骤如下： 1.创建Vue3 项目 创建参考：升级Vue3.0_CLI 方式升级Vue3.0 2.添加Element Plus ui框架 vue add element-plus 或者