![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 56
Vue系列学习
雨落Liy
优雅永不过时
展开
-
Vue3之watch的最简用法
watch用法参数一:要监测的属性值或属性值数组。(也可直接放入对象,不建议)参数二:回调函数。接收两个参数,newValue和oldValue。参数三:配置项对象。immediate、deep…1、监测一个ref数据。let sum = ref(0);watch(sum, (newVal, oldVal) => { console.log('sum的值被改变了', oldVal + '==>' + newVal);});2、监测多个ref数据let sum =原创 2021-11-23 12:07:47 · 4887 阅读 · 0 评论 -
Vue3瀑布流布局实现
使用Vue3、TypeScript,采用hook思想,封装一个瀑布流布局的hook。原创 2023-12-09 19:12:23 · 840 阅读 · 1 评论 -
浅谈Vue中的bus事件总线注意事项
问题:路由切换后,事件总线的方法被多次执行。解决:在beforeDetory钩子里使用$off解绑事件。例如:如果你在Vue原型上是这样绑定的:Vue.prototype.$bus = this, 那么解绑时是:this.$bus.$off(‘方法名’, callback)最近在用vue写自己的网站的时候,碰到了一个令我百思不得其解的事情。以前用单组件和多组件都没有碰到过。经过我的多次排查,发现Vue上的bus总线的事件绑定方法被多次执行,而我却找不到解决的头绪…我使用vue-router路由、原创 2021-10-30 00:42:55 · 1386 阅读 · 0 评论 -
vue之vue-router,路由、多级路由、路由传参【SPA实现】
一、vue-router插件的安装在工程目录下的终端执行以下命令 npm i vue-router二、vue-router的基本使用【单级路由】1、index.js路由配置文件在src文件夹下新建router文件夹,并创建inedx.js文件注意:我这里导入的两个路由组件我将它们放置了pages文件夹下。作用:将路由组件与一般组件区分// 用于创建整个应用的路由器import VueRouter from "vue-router";// 引入组件(一级路由)import Ab原创 2021-10-23 23:43:45 · 1804 阅读 · 2 评论 -
使用Vue和axios发送ajax请求,且利用vue-cli设置简单的代理服务器解决跨域问题
一、使用axios发送ajax请求1、在项目工程根目录中安装全局axiosnpm i axios2、在App组件中发送ajax请求在浏览器控制台中查看即可<template> <div> <button @click="getJoke">获取笑话段子信息</button> </div></template><script> import axios from 'a原创 2021-10-17 16:31:28 · 176 阅读 · 0 评论 -
vue无法加载文件 C:XXX...,因为在此系统上禁止运行脚本
在项目文件夹下输入vue inspect > output.js报错解决:1.点击win键, 输入Windows PowerShell, 将它以"管理员身份运行"2.输入"set-ExecutionPolicy RemoteSigned", 回车输入Y, 就ok了.原创 2021-10-04 16:37:15 · 214 阅读 · 0 评论