- 博客(15)
- 收藏
- 关注
RSS订阅原创 Vuex 笔记
Vuex中的模块化-Module如果把所有的状态都放在state中，当项目变得越来越大的时候，Vuex会变得越来越难以维护由此，就有了Vuex的模块化模块化中的命名空间// 放置子模块 modules: { user: { namespaced: true, // 加锁 模块化的命名空间 state: { token: '12345' }, mutations: { changeToken(state.
2022-03-19 23:41:03
82
原创 v-for
假设被遍历的数据为 List 数据的类型可以是： (1) List=[1,2,3,4,5] 也可以是： (2) List=[{id:0,name:小红},{id:1,name:小蓝},{{id:1,name:小花},{{id:1,name:小草}] 首先：List一般就是数组，但是里面的数据不一定都是对象，可以是其他任何数据 ！！但是一般都为对象 当我们遍历第 (1) 种数据时，里面的数据是没有id值的，所以我们就选择index 作为key的值 <div v-for=.
2022-03-11 20:57:54
322
原创 移动端 笔记
引入 vant 指定版本 yarn add [email protected]移动端REM适配全局引入 yarn add amfe-flexible 使用 postcss-pxtorem 将px转为rem1. yarn add [email protected] -D2. 新建根目录postcss.config.js 3. 配置:module.exports = { plugins: { // postcss-pxtorem 插件的版本需要 ...
2022-03-07 21:35:48
398
原创 【无标题】
1. 安装 yarn add [email protected] | npm i [email protected] 2. 创建配置store store/index.js import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({配置项/核心概念})export default store 3. 挂载实例 main.js import store from "@/s..
2022-03-06 22:29:37
43
原创 vue-router 路由组件
vue-router 的本质是: 第三方包使用步骤://1. 下载 yarn add vue-router // yarn add [email protected] 2.main.js 引入vue-reuterimport VueRouter from 'vue-router'import { find } from 'core-js/core/array'//3. 注册全局组件(使用插件)Vue.use(VueRouter)//4.规则数组const routes
2022-03-03 11:41:50
1268
原创 vue- 动态组件
动态组件: 在同一挂载点,可以切换显示不同组件步骤:1. 引入组件名2. 定义变量 显示 组件名 comName: 'UserName',3. 设置挂载点 <component :is="comName"></component>4.绑定点击事件 =变量=组件名组件缓存使用 keep-alive 把要缓存的组件包起来 缓存好处? 不会频繁的创建和销毁组件, 页面更快呈现组件插槽 (v-slot: 简写成 # )使用场景: 组件内...
2022-03-01 22:26:05
205
原创 vue 生命周期 -------组件 vue更新dom是异步的
axios 安装 yarn add axios 导入 import axios from 'axios' 使用 axios({method: '',url: '',data: { },params: { }}).then().catch()refs-获取DOM<template> <div> <p>1. 获取原生DOM元素</p> ...
2022-02-28 20:00:26
705
原创 vue 基础
安装包:less语法: yarn add [email protected] [email protected] -D 1. v-text和v-html 语法: v-text="vue数据变量" 把值当成普通字符串显示 v-html="vue数据变量" 把值当成标签进行解析显示 (可以识别标签 插值表达式) 2.v-show和v-if 语法: v-show="vue变量" v-if="vue变量" v-...
2022-02-24 19:21:45
157
原创 vue 基础
目录1.vue 介绍2.@ vue-cli脚手架3.项目入口, 以及代码执行顺序和引入关系4.vue文件5. vue 指令5.1 插值表达式 又叫: (声明式渲染/文本插值)5.2MVVM设计模式 5.3 v-bind 5.4v-on <标签绑定事件 > v-on 事件对象 v-on修饰符 v-on按键修饰符 5.5v-m...
2022-02-22 20:00:05
57
原创 webpack
配置环境( Mac) :安装yarn : sudo npm i -g yarn查看安装: yarn -v安装webpack :① webpack: npm install -D webpack② webpack-cli : npm install --save-dev webpack-cli③ 在文档中添加:"scripts":{ "build":"webpack" }...
2022-02-21 22:51:56
105
原创 5 大事件案列
初始化仓库 git initgit add .提交到仓库 git commit -m ' 'gitee新建仓库复制黏贴创建关联创建并切换到login分支 gitcheckout -b login使用layui左侧是快捷导航 选中想要的分类 在看看子分类引入layui css文件layui 文档 表单 表单验证登录和注册的按需切换切换登录 注册页面 隐藏显示字体图标登录表单的验证 正则自定义校验规则 校验俩次密码是否一致的规则如果有多个规则 使用 |
2022-01-21 20:56:06
338
原创 4 Git 分支使用 创建和维护远程仓库
1.什么是开源: 开源就是开放源代码2.开原许可协议:有5 种开源许可协议 常用: MIT 限制最少的协议3.为什么要拥抱开源: 我为人人，人人为我4.项目托管平台: github , Gitee5. 远程仓库和本地数据传输的方式https 需要每一次输入用户名和密码 只需要设置一次用户名和密码的配置 直接在终端执行命令 git config --global ...
2022-01-20 20:30:59
956
原创 3. Git
1. 为什么使用git:是一个开源的分布式版本控制系统,最先进、最流行,最好的分布式版本版本控制系统: 联网运行,支持多人协作开发, 基于客户端和服务端每个人的电脑里都有一份(仓库).断网后离线本地提交 Git2. SVN 与 Git 比较 2.1 SVN 好处：节省磁盘空间 缺点：耗时、效率低 2.2 Git 缺点：占用磁盘空间较大 ...
2022-01-18 20:16:20
234
原创 2. ajax
同源:协议(http//),域名,端口(默认80)都一致跨域:协议,域名,端口有一个或多个不一致网页：http://www.test.com/index.html接口：http://www.api.com/userlist同源策略:非同源的网站之间,不允许进行资源交互跨域请求拦截:浏览器对服务器的跨域请求可以正常发起,跨域响应回来的数据,因同源策略关系被浏览器拦截,获取不到如何实现跨域请求:JSONP (只支持GET请求)和 CORS。JSONP :解
2022-01-17 19:29:03
274
原创 1 . Ajax Axios
1. Form表单就是用于采集用户输入的信息，组成部分: 表单标签, 表单域, 表单按钮通过submit 提交表单标签属性:action: 向何处发送表单数据target:--------_blank新窗口打开;_self默认method:以何种方式提交,类似typeenctype :发送表单数据之前对数据进行编码get 方式适合用来提交少量的，简单的数据post 方式适合用来提交大量的，复杂的，或包含文件上传的数据2.通过Ajax提交表单数据①监
2022-01-16 22:17:43
428
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人