尚硅谷Vue3 笔记总结及代码

  • Post author:
  • Post category:vue

✨作者:猫十二懿 ❤️‍🔥账号: CSDN 、 掘金 、 个人博客 、 Github 🎉公众号:猫十二懿 笔记结合了总结视频中总结的内容 尚硅谷张天禹老师课程 空降视频 Vue3官网 1、Vue3简介 1.1 性能的提升 打包大小减少 41% 初次渲染快 55% , 更新渲染快 133% 内存减少 54% 1.2 源码的升级 使用 Proxy 代替 defineProperty 实现响应式 重写虚…

继续阅读 尚硅谷Vue3 笔记总结及代码

vue基础语法01

  • Post author:
  • Post category:vue

1. 模板语法 1.1 插值 1.1.1 插入文本内容 { {msg}}、v-text 1.1.2 插入html代码 使用v-html指令用于输出html代码 1.1.3 添加HTML属性. 通过v-bind:给标签添加HTML属性 1.1.4 表达式 Vue提供了完全的JavaScript表达式支持 { {str.substr(0,6).toUpperCase()}} { { number + …

继续阅读 vue基础语法01

vue配置网页授权登录第一步,配置授权地址

  • Post author:
  • Post category:vue

微信网页授权文档: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842 微信网页授权分4步: 这里只讲第一步,就是如何配置授权地址 第一步:用户同意授权,获取code 在确保微信公众账号拥有授权作用域(scope参数)的权限的前提下(服务号获得高级接口后,默认拥有scope参数中的snsapi_base和sns…

继续阅读 vue配置网页授权登录第一步,配置授权地址

Vue3 Parsing error: Unexpected token.

  • Post author:
  • Post category:vue

前要:今天项目开发用到vue3技术框架+TypeScript语法+vite打包技术…,但是配置vue-router是报错Parsing error: Unexpected token.!顺便记录一下解决不同语法下的交接方法!!! 前提条件: 安装eslint-plugin-vue依赖 vue-cli(推荐): vue add @vue/cli-plugin-eslint npm: npm inst…

继续阅读 Vue3 Parsing error: Unexpected token.

npm启动vue应用开发服务器过程分析

  • Post author:
  • Post category:vue

关于 npm run serve 命令启动vue应用开发环境的过程分析 1、npm run 命令执行时 npm run 命令执行时,会把./node_modules/.bin目录添加到执行环境的PATH变量中。 全局的没有安装的包,在node_modules中安装了,通过npm run 可以调用该命令。 打开./node_modules/.bin 目录,我们看到了很多执行脚本,包括我们认识的 vu…

继续阅读 npm启动vue应用开发服务器过程分析

vue-router路由知识

  • Post author:
  • Post category:vue

一、router插件的使用 1、安装router插件 npm install vue-router@4 --save 对应vue3.x版本 2、在src文件下创建路由模块(创建文件夹router) (1)在router文件下创建index.js文件 (2)文件内导入路由插件vue-router import {createRouter, createWebHashHistory, createWe…

继续阅读 vue-router路由知识

No matching export in “node modules/vue/dist/vue.runtime. esm-bundler.js“ for import “default“报错

  • Post author:
  • Post category:vue

错误截图: 解决办法(找大佬找到问题所在): 换回vant4版本 (vue3搭建的项目,后来用vue2的语法写的,然后把vant4降到vant2,后面就出问题了) //查看当前vant版本 npm ls vant //卸载vant npm uninstall vant // Vue 3 项目,安装最新版 Vant npm i vant 大功告成!!! (提醒:创建好项目后别随便切换版本!!!) 版…

继续阅读 No matching export in “node modules/vue/dist/vue.runtime. esm-bundler.js“ for import “default“报错

vue组件传递数组遇到的坑

  • Post author:
  • Post category:vue

vue组件之间传递数组 子组件获取不到 父组件的值如果是异步请求获取的 需要push一下才可以拿到 版权声明:本文为xiaohuihui_z原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/xiaohuihui_z/article/details/109649196

继续阅读 vue组件传递数组遇到的坑

vue3.0 provide, inject 异步,获取不到数据问题

  • Post author:
  • Post category:vue

第一次尝试使用Vue3 开发項目 使用provide, inject 实现 父子通信 但是 异步数据在子组件中 inject获取不到:如下图 1.父组件使用axios获取数据 通过provide传递数据 2.子组件使用inject接收数据 3.控制台打印发现 输出undefined 测试发现不使用axios获取数据 直接使用provide传递静态数据 子组件inject可以接收到 查找解决问题 s…

继续阅读 vue3.0 provide, inject 异步,获取不到数据问题

vue实现快速下载文件到本地(简单的方式)

  • Post author:
  • Post category:vue

1.先来个下载按钮: <el-button type="text" class="color" plainicon="el-icon-setting" size="mini" @click="downloadd(scope.row)">下载</el-button> 2.定义方法: //点击下载 downloadd(row) { if(row.date==1){ var a …

继续阅读 vue实现快速下载文件到本地(简单的方式)