- 博客(4)
- 收藏
- 关注
原创 VueX(Vue状态管理模式)
VueX是适用于在Vue项目开发时使用的状态管理工具。如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。为此,Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。首先npm安装vuexnpm install vuex --save1.首先在store文件夹中的index.js 文件的代码2.获取到放入v
2021-08-19 20:59:40 67
原创 VUE3 跳转传参的三种方式
1.通过query进行传参。 function acty() { router.push({ path: '/tiaozhn', query: { som: "Aaa" } }) }console.log(route.query.som);2.通过params进行传参。 function acty() { router.push({ name: 'tiaozhn', params: { id
2021-08-18 21:28:28 13029 3
原创 vue3 一键返回顶部
通过事件监听,点击之后返回顶部, 注意需要引入onMounted,onDestroyed!<template> <div class="about"> <p>title</p> <div style="height: 999px;"> </div> <div v-on:click="goTop()"> <img src="../assets/bakc.png" alt=""&
2021-08-17 18:15:45 1806
原创 VUE项目禁止页面进行缩放
VUE项目禁止页面进行缩放将此标签使用如下标签替换即可:<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
2021-08-17 17:43:26 200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人