...65-CSDN博客

原创路由守卫

3.4 导航守卫 ps:仅供本人记忆 3.4.1 什么是导航守卫？ vue-router提供的导航守卫主要用来监听路由的进入和离开的。类似于express里的中间件导航守卫又分为三种类型：全局守卫：监听所有的路由的进入和离开路由独享守卫：监听当前的路由的进入和离开组件守卫：监听组件对应的路由的进入和离开所有在进入路由前触发的回调函数，都要调用next()方法，将拦截到的路由进行放行，匹配下一个中间...

2021-03-06 13:06:37 88

原创 vue-router路由

三、Vue-Router ps:仅供本人记忆 3.1 认识路由 3.1.1 什么是路由？ URL的概述 URL是统一资源定位符，是互联网上标准资源的地址通过URL，我们可以访问其他计算机上的资源 URL的组成传输协议://服务器IP或域名:端口/路由(路径)?地址栏参数(查询字符串) https://www.baidu.com/index?name=张三&age=18 路由可以...

2021-03-06 13:05:27 144

原创 vuex

四、Vuex ps:仅供本人记忆 4.1 认识Vuex 4.1.1 什么是Vuex？ Vuex是一个状态管理模式。他可以将多个组件间需要共享的数据(状态)，保存在一个容器中(store)。每个组件可以直接获取和修改这些共享的数据(状态) Vuex 的状态存储是响应式的，若容器(store) 中的数据发生变化，则会重新渲染对应页面视图有哪些数据需要在多个组件间共享？用户登录状态、用户名称、头像等等 V...

2021-03-06 13:02:10 193

原创 vuecli

二、Vue Cli ps:仅供本人记忆 2.1 Vue Cli 介绍及使用 2.1.1 Vue Cli的介绍什么是Vue Cli？ Vue CLI是一个官方发布 vue.js 项目脚手架使用 vue cli可以快速搭建Vue开发环境（项目目录结构）以及对应的webpack配置. Vue CLI 使用前的预备知识：要有Node运行环境，了解Node的第三方模块。参考：Node => 第三...

2021-03-06 12:57:40 123

原创 vue插槽使用

1.2 插槽 ps:(仅供本人记忆) 1.2.1 为什么要使用插槽？当我们使用其子组件时，我们往往都是通过子组件标签来展示子组件内容的。有时我们希望子组件里面能够给我们预留一些空位，以便于父组件填充，这样的子组件则更加灵活。插槽可以使组件更具备扩展性！ Vue插槽文档 1.2.2 插槽的基本使用在子组件的模板区域中，使用特殊的元素<slot>就可以为子组件开启一个插槽。该slot元素中插入什么内容取决于父组件如何使用。子组件定义的slot元素最...

2021-03-06 12:55:50 75

原创 vue单文件组件开发

1.1 单文件组件 1.1.1 模块方式引入Vue 在之前学习阶段中，都是在HTML页面上通过script标签来引入Vue文件的。但我们已经知道了Vue.js本身实际上就是一个Vue对象。因此我们可以通过模块化方式导入Vue 模块化方式引入Vue的预备知识：学习ES6的模块化（导入和导出的规范），参考：ES6 => 模块化要有Node运行环境，懂得如何下载第三方包。参考： Node => 第三方模块运行代码时，要使用webpack打包工具（解析模块化规范）。 .

2021-03-06 12:53:51 173

原创 html+css笔记（待补充）随手记录

CSS+HTML text-align:文本水平对齐方式 text-align属性用于设置文本内容的水平对齐，相当于html中的align对齐属性 !!!! 是让盒子里面的内容水平居中，而不是让盒子居中对齐 color 颜色我们通常用十六进制比如而且是简写形式 #fff line-height 行高控制行与行之间的距离 text-a...

2021-03-03 12:09:11 74

LIChunJie7012的博客