自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vuex 学习

vuex vuex是什么? 为vue开发的状态管理模式的库,用来管理vue里面的所有组件的状态 vuex的使用 安装:npm install vuex@next --save yarn add vuex@next --save 使用:在src目录下,创建store文件夹,在文件夹里面新建index.js //引入vue import Vue from "vue"; //引入vuex import Vuex from "vuex" //注册vuex Vue.use(Vuex) //创建一个实例 const

2022-03-05 22:01:12 276

原创 vue 08

路由的使用 路由的基础使用 路由:路径和组件的映射关系 路由的优点: 整体不刷新页面,用户体验更好 数据传递容易, 开发效率高 路由的缺点: 首次加载会比较慢一点。不利于seo 路由的使用: 1、安装vue-router模块包 yarn add vue-router 2、导入路由 import VueRouter from 'vue-router' 3、使用路由插件 Vue.use(VueRouter) 4、创建路由规则数组 const routes=[ { path:'/定义名字',

2022-03-03 20:12:22 318

原创 Vue 06

axios的基本使用 安装axios yarn add axios 局部引用和全局引用 //局部引用 // 先引入axios import axios from 'axios' // 在当前页面统一设置请求前缀,便于后期的修改和开发时的冗余 axios.defaults.baseURL='http....' // 全局配置 // 在main.js引入 import axios from 'axios' axios.defaults.baseURL="https://www.escook.cn" //

2022-03-02 14:49:03 472

原创 vue 07

组件进阶 动态组件 <component :is="componentId"></component> 改变componentId的内容进行组件切换 组件缓存 <keep-alive> <component :is="componentId"></component> </keep-alive> 激活与非激活 activated(){ console.log('激活');

2022-03-01 20:03:08 244

原创 vue 05

vue 05 生命周期 对于组件来说就是从生成到销毁的过程 这个过程可以分为四个阶段和八个方法 阶段 方法名 方法名 初始化 beforeCreate created 挂载 beforeMount mounted 更新 beforeUpdate updated 销毁 beforeDestroy destroyed 钩子函数 vue内置函数,随着组件的生命周期,自动执行 初始化阶段 先 nuw 一个vue() 初始化事件和生命周期函数 执行beforeCreate这个钩子函数(

2022-02-26 21:59:55 323

原创 vue 04

vue 04 vue过滤器 用处: 转换格式, 过滤器就是一个函数, 传入值返回处理后的值 应用场景:插值表达式和v-bind表达式 语法:全局,在main.js中 Vue.filter(“过滤器名”, (值) => {return “返回处理后的值”}) 局部,在当前vue文件中 filters: {过滤器名字: (值) => {return “返回处理后的值”} 过滤器传参和多过滤器 语法: 过滤器传参: vue变量 | 过滤器(实参) 多个过滤器: vue变量 | 过滤器1 | 过

2022-02-25 22:01:02 215

原创 vue day03

vue指令 v-html和v-text <template> <div> <div v-html="str"> </div> <div v-text="str"> </div> <!-- 会覆盖插值表达式 --> <div v-text="str"> {{str1}}</div> </div> </template> <s

2022-02-24 21:51:11 109

原创 vue02

vue02 什么是vue 渐进式js框架 优点 快速开发 脚手架的安装与使用 安装 npm i -g @vue/cli yarn global add @vue/cli 使用 创建项目 vue create 项目名称 注意事项:项目名称不能有特殊符号,中文,不能有大写字母 根据提示 cd 项目名称 启动脚手架 yarn serve 目录介绍 public 静态目录 src 业务文件夹(主要在这里写代码) 主要文件介绍及关系 入口 s

2022-02-22 21:54:08 136

原创 vue day-01

vue1 webpack基本概念 什么是webpack 是一个第三方的包,用于分析,打包代码 使用webpack的好处 减少文件数量 缩减代码体积 提高浏览器的打开速度 webpack使用步骤 初始化包环境 yarn init 可以一路按回车键 安装依赖包 yarn add webpack webpack-cli -D 配置scripts(自定义命令) 在package.json中配置 “scripts”:{ “build”:“webpack” } 基础使用(两个js文件的合并)

2022-02-21 21:46:35 101

原创 js高级总结 01

js高级总结 01 对象与类(ES6) 语法结构 语法结构 class 自定义类名{ constructor(共有属性){ this.自定义名称=共有属性 } 这个类的方法(可填参数){ } 建立一个类 打印结果 类的继承 打印结果 ...

2022-01-21 19:37:31 291

原创 git学习 下

拥有自己的远程仓库 注册账号 建立自己的远程仓库 将本地仓库导入远程仓库中 将远程仓库导入到本地仓库中 了解远程仓库的两种访问方式 https ssh git分支的操作 master主分支 在初始化的时候默认创建了一个master分支 查看分支 git branch 创建新分支 git branch 分支名 切换分支 git checkout 分支名 快速创建切换分支 git checkout -b 分支名 合并分支 先切换到需要

2022-01-20 19:57:50 81

原创 Git学习

git介绍 概念 他是一个分布式版本控制系统 特性 直接记录快照 几乎所有的操作都是本地执行 git中的三种区域 工作区 暂存区 仓库区 git的三种状态 已修改 已暂存 已提交 git的基本工作流程 在工作区修改文件 将修改的文件进行暂存 提交更新的文件,将永久存在git中 git的使用 在git里面添加数据 将本地目录转化为Git仓库 生成本地git数据库 git安装完成后,在一个文件夹里,点击右键,在里面找到GIT Bash Here 并点击,

2022-01-18 21:24:19 250

原创 Ajax学习-04

第四天 1、同源 协议、地址和端口相同 1.1 同源策略 浏览器的一种保护措施 防止不同源的网页进行交互 2、跨域 协议、地址和端口有一项或多项不相同 2.1 浏览器对跨域的请求的拦截过程 1、可以发送请求 2、服务器可以处理这个请求 3、服务器可以响应这个请求 4、但是,在响应的过程中,被...

2022-01-17 19:36:15 247

空空如也

空空如也

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

TA关注的人

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