摘要: (目录) 前言 vuex是vue的全局状态管理模式,定义在vuex中的值可在整个项目的组件中使用 具体使用 定义Vuex全局变量 安装 npm install vuex --save 初始化store/index.js import { createStore } from 'vuex' expor 阅读全文
posted @ 2021-09-13 22:22 Maggieq8324 阅读(574) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 keep-alive是vue提供的用来缓存组件状态的 代码示例 keep.vue <template> <div>KeepAlive</div> <input /> </template> <script> export default { name: 'Keep' } </scri 阅读全文
posted @ 2021-09-13 21:37 Maggieq8324 阅读(151) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 Vue中切换视图组件的方案大致有三种 1、roure-view 适合大幅度视图切换 2、v-if 适合小幅度组件切换 3、component 动态组件 roure-view 切换视图组件 这个不多说了,之前的文章记录:Vue - route路由跳转 v-if 切换视图组件 这个比较简 阅读全文
posted @ 2021-09-13 21:15 Maggieq8324 阅读(233) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 记录下vue3.0中路由参数的获取 具体实现 route.js const routes = [ { path: '/', name: 'Home', component: Home }, { path: '/detail/:id', name: 'Detail', componen 阅读全文
posted @ 2021-09-13 17:39 Maggieq8324 阅读(1980) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 vue中的route实现了从一个页面跳转到另一个页面的功能 基本路由跳转 router.js import { createRouter, createWebHashHistory } from 'vue-router' import Home from '../views/home 阅读全文
posted @ 2021-09-13 16:36 Maggieq8324 阅读(2887) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 记录下Vue中父子组件中的参数传递 父组件向子组件传递参数(props) App.vue <template> <Test @sub-event="onTestClick" :url="theme6" /> </template> <script> import Test from 阅读全文
posted @ 2021-09-13 14:28 Maggieq8324 阅读(279) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 props用于接收来自父组件的数据 具体应用 基本使用 App.vue <template> <Test :url="url"/> </template> <script> import Test from './components/test.vue' export default 阅读全文
posted @ 2021-09-13 13:34 Maggieq8324 阅读(360) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 记录下Vue3.0中加载静态图片的方式 加载静态图片 <img class="top-theme" src="./assets/home/theme1.jpg"> require加载图片 <img class="top-theme" :src="require('./assets/h 阅读全文
posted @ 2021-09-13 11:58 Maggieq8324 阅读(662) 评论(0) 推荐(0) 编辑