首页 > 其他分享 >vue3使用记录

vue3使用记录

时间:2022-12-01 17:57:31浏览次数:46  
标签:const 记录 utils vue3 使用 import router useRouter

1. 路由跳转

<script setup>
import { useRouter } from "vue-router";
const router = useRouter();
function toDetail() {
  router.push({
    path: "/detail",
  });
}
</script>

2. 注册全局property

// main.js
import utils from "./utils/utils.js";
app.config.globalProperties.$utils = utils;

<script setup>
import { getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
const $utils = proxy.$utils;
</script>

标签:const,记录,utils,vue3,使用,import,router,useRouter
From: https://www.cnblogs.com/lpkshuai/p/16942192.html

相关文章

  • 记录一次DELL C6420安装ESXi系统遇到无法识别硬盘的情况
      1、最先开始思考的是镜像是否有问题,于是翻了DELL的官网技术支持下载了6.5、6.7、7.0、8.0的镜像做安装盘,结果失败了,思路做保留,以后如果遇到了类似的可以尝试2、镜......
  • vue3状态流转记录
    刚用vue3的时候觉得习惯了之后非常爽,比vue2比起来要灵活,ref、reactive等新api写几个页面也基本理解用法了。但是逐渐深入后发现遇到一些疑难问题的时候,排查起来非常困难,其......
  • Netty在业务中的使用场景有哪些?
    Netty是基于JavaNIOclient-server的网络应用框架,使用Netty可以快速开发网络应用,例如服务器和客户端协议。Netty提供了一种新的方式来开发网络应用程序,这种新的方式使它......
  • 使用批处理扫描局域网内存活的主机的脚本
    1、先在电脑任意位置下新建一个txt的文本,然后命名为“扫描局域网内存活的主机.bat”的bat文件。  2、右键该文件,选择"编辑",把以下内容复制进去,最后保存。 @echooff......
  • Spring Boot中@Import三种使用方式
     转载于:公众号:后端元宇宙需要注意的是:ImportSelector、ImportBeanDefinitionRegistrar这两个接口都必须依赖于@Import一起使用,而@Import可以单独使用。@Import......
  • 学习pytest看到一句话记录一下:
    测试分为四个步骤:1.Arrange2.Act3.Assert4.CleanupArrange安排是我们为考试做准备。Act启动。这一行为实现了被测系统(SUT)状态的改变,也是我们可以查看的改变......
  • 使用inotify向文件添加一段注释
    一需求简介:在ubuntu系统上任意打开一个文件(vim,touch获取其它方式),该新建的文件都会被写入一段注释。二实现:编译环境:ubuntu18.04实现方法:利用inotify监控目录这个特性,当在......
  • vite使用记录
    1.搭建项目使用NPM:npmcreatevite@latest使用Yarn:yarncreatevite使用PNPM:pnpmcreatevite构建一个Vite+Vue项目#npm6.xnpmcreatevite@late......
  • UITableView 基本使用方法总结
    UITableView 基本使用方法     1. 首先,Controller需要实现两个 delegate,分别是 UITableViewDelegate和 UITableViewDataSource   2.然后UITableVie......
  • sdwebimage的使用
    WebImageThislibraryprovidesacategoryforUIImageVIewwithsupportforremoteimagescomingfromtheweb.Itprovides:AnUIImageViewcategoryaddingwebimag......