欢迎莅临 SUN WU GANG 的园子!!!

世上无难事,只畏有心人。有心之人,即立志之坚午也,志坚则不畏事之不成。

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
  470 随笔 :: 0 文章 :: 22 评论 :: 30万 阅读
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
上一页 1 2 3 4 5 6 ··· 47 下一页

2024年4月2日

摘要: Vue UI 组件库:https://element.eleme.cn 移动端常用UI组件库 Vant:https://youzan.github.io/vant Cube UI:https://didi.github.io/cube-ui Mint UI:https://mint-ui.githu 阅读全文
posted @ 2024-04-02 17:54 sunwugang 阅读(25) 评论(0) 推荐(0) 编辑

摘要: histroy模式+hash模式 阅读全文
posted @ 2024-04-02 15:15 sunwugang 阅读(7) 评论(0) 推荐(0) 编辑

摘要: 路由守卫简介 作用:用于对路由进行权限控制 分类:全局守卫(前置路由守卫 + 后置路由守卫)、独享守卫、组件内守卫 全局--前置路由守卫 + 后置守卫 示例 1 import Vue from 'vue' 2 import VueRouter from 'vue-router' 3 import H 阅读全文
posted @ 2024-04-02 11:51 sunwugang 阅读(98) 评论(0) 推荐(0) 编辑

2024年4月1日

摘要: activated + deactivated 注:生命周期学习可参考学习笔记33 两个新的生命周期钩子 作用:路由组件所独有的两个构造,用于捕获路由组件的激活状态 具体名称:activated--路由组件被激活时触发 + deactivated--路由组件失活时触发 示例如下所示: 1 <temp 阅读全文
posted @ 2024-04-01 15:18 sunwugang 阅读(24) 评论(0) 推荐(0) 编辑

摘要: 缓存路由组件 作用:让不展示的路由组件保持挂载、不被销毁(eg:常用于,缓存录入的数据) 具体实现: <!-- include="News" 组件名,如果不添加配置,则缓存router-view中展示的组件 --> <keep-alive include="News"> <router-view>< 阅读全文
posted @ 2024-04-01 14:28 sunwugang 阅读(19) 评论(0) 推荐(0) 编辑

2024年3月29日

摘要: 编程式路由导航 示例一: Message.vue 1 <template> 2 <div> 3 <h3>Message page</h3> 4 <ul> 5 <li v-for="m in messageList" 6 :key="m.id"> 7 <!-- <router-link :to="{ 阅读全文
posted @ 2024-03-29 17:28 sunwugang 阅读(5) 评论(0) 推荐(0) 编辑

2024年3月27日

摘要: 常用插件安装指令 安装脚手架(学习笔记39) 第一步:(仅第一次执行--新环境执行,创建过项目的话,从第二步开始):全局安装@vue/cli (command line interface) 查看镜像:npm config get registry 安装钱建议先设置镜像==》npm config s 阅读全文
posted @ 2024-03-27 16:50 sunwugang 阅读(51) 评论(0) 推荐(0) 编辑

摘要: 一:路由简介 路由就是一组key-value的对应关系 多个路由,需经过路由器进行管理 SPA应用:single page web application(单页面web应用) Vue-router 一:相关理解 vue-router:vue的一个插件库(需安装--npm install vue-ro 阅读全文
posted @ 2024-03-27 16:49 sunwugang 阅读(26) 评论(0) 推荐(0) 编辑

2024年3月26日

摘要: vuex模块化 + namespace 示例一: 目录结构如下所示 main.js 1 // 引入Vue 2 import Vue from 'vue' 3 // 引入App 4 import App from './App.vue' 5 // 配置提示 6 Vue.config.productio 阅读全文
posted @ 2024-03-26 18:15 sunwugang 阅读(65) 评论(0) 推荐(0) 编辑

摘要: nanoid--用于生成唯一主键id 使用操作步骤 第一步:npm install nanoid 第二步:import { nanoid } from 'nanoid' 第三步:id:nanoid(), //也可以指定生成字符串的长度,如nanoid(5) uuid--用于生成唯一主键id 第一步: 阅读全文
posted @ 2024-03-26 16:13 sunwugang 阅读(633) 评论(0) 推荐(0) 编辑

上一页 1 2 3 4 5 6 ··· 47 下一页
点击右上角即可分享
微信分享提示