随笔分类 - vue
vue学习笔记
摘要：系列导航 vue 状态管理 一、状态管理概念和基本结构 vue 状态管理 二、状态管理的基本使用 vue 状态管理 三、Mutations和Getters用法 vue 状态管理 四、Action用法 vue 状态管理 五、Module用法 一、状态管理是什么？ 可以简单的将其看成把需要多个组件共享的
阅读全文
摘要：一、Promise是什么？ Promise是异步编程的一种解决方案。 二、那什么时候我们会来处理异步事件呢？ 1、 一种很常见的场景应该就是网络请求了。 我们封装一个网络请求的函数，因为不能立即拿到结果，所以不能像简单的3+4=7一样将结果返回。所以往往我们会传入另外一个函数，在数据请求成功时，将数
阅读全文
摘要：系列导航 一、vue tabBar导航栏设计实现1-初步设计 二、vue tabBar导航栏设计实现2-抽取tab-bar 三、vue tabBar导航栏设计实现3-进一步抽取tab-item 四、vue tabBar导航栏设计实现4-再次抽取MainTabBar 五、vue tabBar导航栏设计
阅读全文
摘要：系列导航 一、vue tabBar导航栏设计实现1-初步设计 二、vue tabBar导航栏设计实现2-抽取tab-bar 三、vue tabBar导航栏设计实现3-进一步抽取tab-item 四、vue tabBar导航栏设计实现4-再次抽取MainTabBar 五、vue tabBar导航栏设计
阅读全文
摘要：系列导航 一、vue tabBar导航栏设计实现1-初步设计 二、vue tabBar导航栏设计实现2-抽取tab-bar 三、vue tabBar导航栏设计实现3-进一步抽取tab-item 四、vue tabBar导航栏设计实现4-再次抽取MainTabBar 五、vue tabBar导航栏设计
阅读全文
摘要：系列导航 一、vue tabBar导航栏设计实现1-初步设计 二、vue tabBar导航栏设计实现2-抽取tab-bar 三、vue tabBar导航栏设计实现3-进一步抽取tab-item 四、vue tabBar导航栏设计实现4-再次抽取MainTabBar 五、vue tabBar导航栏设计
阅读全文
摘要：系列导航 一、vue tabBar导航栏设计实现1-初步设计 二、vue tabBar导航栏设计实现2-抽取tab-bar 三、vue tabBar导航栏设计实现3-进一步抽取tab-item 四、vue tabBar导航栏设计实现4-再次抽取MainTabBar 五、vue tabBar导航栏设计
阅读全文
摘要：一、下载 工具vue-devtools 注：必须是5.1.1版本 比这个版本高的试过，没法正确使用。 https://github.com/vuejs/vue-devtools/tree/v5.1.1 二、解压后安装 D:\tool>cd devtools-5.1.1 D:\tool\devtool
阅读全文
摘要：一、 知识点 1、什么是keep-alive? keep-alive是Vue.js的一个内置组件。 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 当组件在 内被切换，它的 activated 和 deactivated 这两个生命
阅读全文
摘要：导航守卫 一、 知识点 1、什么是导航守卫? (1)vue-router提供的导航守卫主要用来监听路由的进入和离开。 (2)vue-router提供了beforeEach和afterEach的函数, 它们会在路由即将改变前和改变后触发。 2、 为什么要用导航守卫？ 我们来考虑一个需求: 页面跳转时如
阅读全文
摘要：一、query效果 点击query按钮 二、param效果 点击param按钮 注意点 1：重新刷新浏览器后，参数都不在了。 2：url中能看不到传递的参数 3、分别用{{$route. params.name}}和方法的方式获取传递过来的参数并展现。 三、代码结构 注：主要是标红的几个文件 四、代
阅读全文
摘要：一、效果 在about页面点击“我的”，路径里传入了参数zhangsan,在“我的”页面里接收传递过来的张三并展现出来。注：标签中传递参数写法 二、代码结构 注：主要是标红的几个文件 三、代码 index.js //引入路由 import { createRouter, createWebHisto
阅读全文
摘要：一、效果 点击about后，新闻和体育属于about的子路由调用的页面 知识点说明 路由里使用children属性可以实现路由的嵌套 三、代码结构 注：主要是标红的几个文件 四、代码 重新编写这几个文件中的代码 index.js //引入路由 import { createRouter, creat
阅读全文
摘要：说明：在上一节的工程下继续讲解 一、 知识点说明 业务开发中更多的是使用代码方式进行页面的跳转会用到this.$router.push('/') 和this.$router.replace('/home')，后者就是跳转后不能返回上一个页面和前面讲的replace对应。 二、代码结构 注：主要是标红
阅读全文
摘要：说明：在上一节的工程下继续讲解 一、 知识点说明 上一节中, <router-link>我们只是使用了一个属性: to, 用于指定跳转的路径。<router-link>默认渲染成<a>组件 <router-link>还有一些其他属性: （1）replace: replace不会留下history记录
阅读全文
摘要：一、 项目创建 参考如下博客地址创建一个vue的项目 https://www.cnblogs.com/yclh/p/15356171.html vue学习笔记 二、环境搭建+项目创建 二、代码结构 注：主要是标红的几个文件 三、代码 重新编写这几个文件中的代码 index.js //引入路由 imp
阅读全文
摘要：代码结构 一、 01-slot-插槽的基本使用 1、 效果 同样的一个插槽，父组件调用的时候不同展现的内容就不同 2、代码 01-slot-插槽的基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit
阅读全文
摘要：代码结构 一、 01-组件访问-父访问子 1、 效果 点击后在父组件里展示子组件的参数 2、代码 01-组件访问-父访问子.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>
阅读全文
摘要：代码结构 一、 01-父组件向子组件传递数据 1、 效果 展示出来的数据都是父组件传给子组件的数据 2、代码 01-父组件向子组件传递数据.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title
阅读全文
摘要：代码结构 组件就是将复杂的功能拆分成简单的块，拆分后的块可以被多处使用。 组件的使用分成三个步骤： 1、创建组件构造器 Vue.extend() 2、注册组件 Vue.component() 3、使用组件 <my-cpn></my-cpn> 一、 01-组件化的基本使用 1、效果 2、代码 01-组
阅读全文
