摘要:
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 阅读全文
摘要:
histroy模式+hash模式 阅读全文
摘要:
路由守卫简介 作用:用于对路由进行权限控制 分类:全局守卫(前置路由守卫 + 后置路由守卫)、独享守卫、组件内守卫 全局--前置路由守卫 + 后置守卫 示例 1 import Vue from 'vue' 2 import VueRouter from 'vue-router' 3 import H 阅读全文
摘要:
activated + deactivated 注:生命周期学习可参考学习笔记33 两个新的生命周期钩子 作用:路由组件所独有的两个构造,用于捕获路由组件的激活状态 具体名称:activated--路由组件被激活时触发 + deactivated--路由组件失活时触发 示例如下所示: 1 <temp 阅读全文
摘要:
缓存路由组件 作用:让不展示的路由组件保持挂载、不被销毁(eg:常用于,缓存录入的数据) 具体实现: <!-- include="News" 组件名,如果不添加配置,则缓存router-view中展示的组件 --> <keep-alive include="News"> <router-view>< 阅读全文
摘要:
编程式路由导航 示例一: 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="{ 阅读全文
摘要:
常用插件安装指令 安装脚手架(学习笔记39) 第一步:(仅第一次执行--新环境执行,创建过项目的话,从第二步开始):全局安装@vue/cli (command line interface) 查看镜像:npm config get registry 安装钱建议先设置镜像==》npm config s 阅读全文
摘要:
一:路由简介 路由就是一组key-value的对应关系 多个路由,需经过路由器进行管理 SPA应用:single page web application(单页面web应用) Vue-router 一:相关理解 vue-router:vue的一个插件库(需安装--npm install vue-ro 阅读全文
摘要:
vuex模块化 + namespace 示例一: 目录结构如下所示 main.js 1 // 引入Vue 2 import Vue from 'vue' 3 // 引入App 4 import App from './App.vue' 5 // 配置提示 6 Vue.config.productio 阅读全文
摘要:
nanoid--用于生成唯一主键id 使用操作步骤 第一步:npm install nanoid 第二步:import { nanoid } from 'nanoid' 第三步:id:nanoid(), //也可以指定生成字符串的长度,如nanoid(5) uuid--用于生成唯一主键id 第一步: 阅读全文