首页 > 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 或者