2020年12月19日
逻辑分离和复用
摘要： Vue 2.x 代码写法 <template> <div class="search"> <form> <input v-model="searchValue" type="text" /> <button @click="search"></button> </form> </div> <ul c 阅读全文
posted @ 2020-12-19 20:30 yuxi2018 阅读(145) 评论(0) 推荐(0) 编辑
组合式API记录
摘要： 插件安装 及 注入 # 安装插件 npm install @vue/composition-api yarn add @vue/composition-api # 在 main.js 文件中导入并注册使用 import VueCompositionApi from '@vue/composition 阅读全文
posted @ 2020-12-19 20:18 yuxi2018 阅读(290) 评论(0) 推荐(0) 编辑
2020年11月20日
xe-utils基础函数库
摘要： xe-utils函数库API文档 函数库、工具类：基本函数、日期转换函数、浏览器相关操作函数、cookie操作、对数组和对象操作的函数等... 可对比对象数组，千分符，格式化字符串各种形式 // 安装 npm install xe-utils // 引入方式1 const XEUtils = req 阅读全文
posted @ 2020-11-20 22:21 yuxi2018 阅读(5298) 评论(0) 推荐(0) 编辑
2020年4月19日
CSS-Flex布局
摘要： 布局 网页布局 (layout) 是 CSS 的一个重点应用。 布局的传统解决方案，基于盒模型，通过 display: inline | block | inline block 属性、position属性、float来实现布局，缺乏灵活性且有些适配效果难以实现。 Flex 布局 称之为“弹性布局” 阅读全文
posted @ 2020-04-19 17:46 yuxi2018 阅读(237) 评论(0) 推荐(0) 编辑
2019年12月1日
Vue 项目 购物车 模块
摘要： 购物车 ajax 接口请求拆分到 service 文件夹中 路由切换动态 购物车动画，使用 Vue 的 JS 方式的半场动画 全局创建组件实例函数 阅读全文
posted @ 2019-12-01 19:48 yuxi2018 阅读(506) 评论(0) 推荐(0) 编辑
Vue 项目 login 模块
摘要： 登录模块 需要做路由的守卫，有些模块是需要被保护的，必须登录才能访问。 常见手法是给路由添加 来做标识，表示需要做认证。 在 Vuex 中存储登录状态 文件夹下的服务 登录组件中提交事件处理过程 需要考虑的检查点 如何守卫路由 如何进行异步操作 如何保存登录状态 如何模拟接口 HTTP 拦截器 新建 阅读全文
posted @ 2019-12-01 19:47 yuxi2018 阅读(2837) 评论(0) 推荐(0) 编辑
十、Vue Router 进阶-获取数据
摘要： 获取数据的两种方式 导航完成之后获取数据： 先完成导航，然后在接下来的组件生命周期钩子 中获取数据。在数据获取期间展示一个 加载中的状态提示。 导航完成之前获取： 导航完成前，在路由进入的守卫中获取数据，在数据获取成功后执行导航。 导航完成之后获取数据(可展示loading) 在组件的 钩子中获取数 阅读全文
posted @ 2019-12-01 19:37 yuxi2018 阅读(1163) 评论(0) 推荐(0) 编辑
九、Vue Router 进阶-路由元信息meta
摘要： 路由元信息 meta 在路由列表中，每个路由都有一个 元数据字段，我们可以在这里配置一些自定义信息，供页面组件或路由钩子函数中使用。在路由跳转的时候，提供我们判断条件。 在组件中获取 meta 数据 在路由钩子中获取 meta 数据，一般用于： 改变网页标题，用户登录鉴权 示例： 用户登录鉴权， 如 阅读全文
posted @ 2019-12-01 19:36 yuxi2018 阅读(2006) 评论(0) 推荐(0) 编辑
八、Vue Router 进阶-导航守卫
摘要： 导航守卫 所谓的导航守卫，就是路由的钩子函数。主要用来通过 跳转 或 取消 导航。导航守卫分三种： 全局、路由独享、组件级的 。 注意： 参数或查询的改变并不会触发进入和离开的导航守卫。可以通过 监听 对象，或使用 的组件内守卫。 全局前置守卫 进入路由之前的钩子函数，接受 函数，在此可以阻止进入路 阅读全文
posted @ 2019-12-01 19:35 yuxi2018 阅读(259) 评论(0) 推荐(0) 编辑
七、Vue Router 命名视图
摘要： 命名视图 当一个页面想展示多个视图，而不是嵌套展示时，就需要使用命名视图。在界面中拥有多个单独命名的视图，而不是只有一个单独的出口。如果 没有设置名字，则默认的名字为 由于一个视图出口渲染一个对应的组件，因此，对于同一个路由，多个视图就需要多个组件。在路由配置中 组件配置必须带有 阅读全文
posted @ 2019-12-01 19:34 yuxi2018 阅读(443) 评论(0) 推荐(0) 编辑