自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 使用vuex和路由守卫

1、接口文档2、vuex2.1、vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储,管理应用中所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。2.2、为什么要用vuex?进行统一的状态管理,解决不同组件共享数据的问题。不同视图需要变更同一状态的问题。使用vuex之后,状态变化更加清晰。2.3、如何使用vuex?1.安装引入 npm install vuex --save2.注册到vue中..

2022-04-01 21:47:11 798

原创 同源策略和解决跨域以及Axios封装

同源策略所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个 ip 地址,也非同源。同源策略/SOP(Same origin policy)是一种约定,由 Netscape 公司 1995 年引入浏览器,它是浏览器最核心也最基本的安全功能,现在所有支持 JavaScript 的浏览器都会使用这个策略。如果缺少了同源策略,浏览器很容易受到 XSS、 CSFR 等攻击。1、比如一个web应用,用户访问的页面,处理页面的请求的controller都是在同一个contextPath下的,无

2022-04-01 21:01:54 429

原创 Vued知识点

1.什么是Vue?Vue是构建用户界面的渐进式框架。2、MVC和MVVM的区别?MVC是后端分层开发的概念,MVVM是前端视图层的概念,关注视图层的分离,MVC中的M是model,V是view,C是contorller,model是模型层用于与数据库进行交互,view是视图层用于与用户进行交互,contorller是调度层用于接受请求,处理请求,然后返回响应。MVVM中的M是model,V是view,VM是viewModel,model是模型层进行业务逻辑,处理数据,view是视图层用于

2022-04-01 20:06:43 1039

原创 Vue中父、子组件及其传值

一、什么是父、子组件类似于子元素和父元素,子组件和父组件也是“父”套“子”。具体用法如下:声明两个组件,这里用之前说的的四种方式中的最后一种。<div id='app'> <father></father></div><template id="father"> <div>我是父组件 //将子元素标签放在父组件中 <son></son&g

2022-04-01 19:43:41 652

原创 Vue第一周复习总结

vue两大特征目录vue两大特征一、数据驱动(mvvm)二、组件化开发1.什么是vue?Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!2.什么是mvc和mvvm?MVC 是后端的分层开发概念;MVVM是前端视图层的概念,主要关

2022-03-31 22:54:04 145

原创 vue第五天-路由使用以及组件扩展

今日任务掌握组件父子之间的传值掌握路由的使用实现经典布局定义vue组件什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。组件化和模块化的不同: 模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一 组件化:是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用 1.1 父组件传值子组件 接受父组件传值 设

2022-03-25 23:01:32 1070

原创 VUE第四天-组件以及插槽

今日任务:掌握组件的创建方式掌握插槽的使用方法一、知识点vue组件什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。组件化和模块化的不同: 模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一 组件化:是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用 1.1 全局组件定义的四种方式1.使用 Vue.exten

2022-03-25 22:25:42 127

原创 Vue第三天 生命周期和vue请求+动画

今日任务1.学习vue生命周期函数2. 学习vue-resource的使用3. 学习axios的使用一、知识点1、什么是生命周期从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!2、vue生命周期钩子函数每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会

2022-03-23 23:58:48 153

原创 Vue第二天 过滤器和修饰符

一、Vue中样式的使用使用class样式: 数组 三木表达式 数组内置对象(对象的键是样式的名字,值是Boolean类型) 直接通过对象 示例:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g

2022-03-22 23:54:28 369

原创 Vue的基础语法

一、Vue的概念1.什么是vue.js1、Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。2、Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!二、MVC与MVVM的区别1、MVC 是后端的分层开发概念;2、MVVM是前端视图层的概念,主要关注于视图层分离,也就是说:MVVM把前端的视图层,分为

2022-03-21 22:48:23 1420

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除