- 博客(15)
- 收藏
- 关注
RSS订阅原创 Vuex 笔记
Vuex中的模块化-Module 如果把所有的状态都放在state中，当项目变得越来越大的时候，Vuex会变得越来越难以维护 由此，就有了Vuex的模块化 模块化中的命名空间 // 放置子模块 modules: { user: { namespaced: true, // 加锁 模块化的命名空间 state: { token: '12345' }, mutations: { changeToken(state.
2022-03-19 23:41:03
124
原创 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
417
原创 移动端 笔记
引入 vant 指定版本 yarn add vant@2.12.15 移动端REM适配 全局引入 yarn add amfe-flexible 使用 postcss-pxtorem 将px转为rem 1. yarn add postcss-pxtorem@5.1.1 -D 2. 新建根目录postcss.config.js 3. 配置: module.exports = { plugins: { // postcss-pxtorem 插件的版本需要 ...
2022-03-07 21:35:48
439
原创 【无标题】
1. 安装 yarn add vuex@3.6.2 | npm i vuex@3.6.2 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
89
原创 vue-router 路由组件
vue-router 的本质是: 第三方包 使用步骤: //1. 下载 yarn add vue-router // yarn add vue-router@3.5.3 2.main.js 引入vue-reuter import VueRouter from 'vue-router' import { find } from 'core-js/core/array' //3. 注册全局组件(使用插件) Vue.use(VueRouter) //4.规则数组 const routes
2022-03-03 11:41:50
1343
原创 vue- 动态组件
动态组件: 在同一挂载点,可以切换显示不同组件 步骤: 1. 引入组件名 2. 定义变量 显示 组件名 comName: 'UserName', 3. 设置挂载点 <component :is="comName"></component> 4.绑定点击事件 =变量=组件名 组件缓存 使用 keep-alive 把要缓存的组件包起来 缓存好处? 不会频繁的创建和销毁组件, 页面更快呈现 组件插槽 (v-slot: 简写成 # ) 使用场景: 组件内...
2022-03-01 22:26:05
291
原创 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
793
原创 vue 基础
安装包: less语法: yarn add less@3.0.4 less-loader@5.0.0 -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
204
原创 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
105
原创 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
154
原创 5 大事件案列
初始化仓库 git init git add . 提交到仓库 git commit -m ' ' gitee新建仓库 复制黏贴创建关联 创建并切换到login分支 gitcheckout -b login 使用layui 左侧是快捷导航 选中想要的分类 在看看子分类 引入layui css文件 layui 文档 表单 表单验证 登录和注册的按需切换 切换登录 注册页面 隐藏显示 字体图标 登录表单的验证 正则 自定义校验规则 校验俩次密码是否一致的规则 如果有多个规则 使用 |
2022-01-21 20:56:06
375
原创 4 Git 分支使用 创建和维护远程仓库
1.什么是开源: 开源就是开放源代码 2.开原许可协议:有5 种开源许可协议 常用: MIT 限制最少的协议 3.为什么要拥抱开源: 我为人人，人人为我 4.项目托管平台: github , Gitee 5. 远程仓库和本地数据传输的方式 https 需要每一次输入用户名和密码 只需要设置一次用户名和密码的配置 直接在终端执行命令 git config --global ...
2022-01-20 20:30:59
1041
原创 3. Git
1. 为什么使用git: 是一个开源的分布式版本控制系统,最先进、最流行,最好的 分布式版本版本控制系统: 联网运行,支持多人协作开发, 基于客户端和服务端每个人的电脑里都有一份(仓库).断网后离线本地提交 Git 2. SVN 与 Git 比较 2.1 SVN 好处：节省磁盘空间 缺点：耗时、效率低 2.2 Git 缺点：占用磁盘空间较大 ...
2022-01-18 20:16:20
299
原创 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
312
原创 1 . Ajax Axios
1. Form表单 就是用于采集用户输入的信息， 组成部分: 表单标签, 表单域, 表单按钮 通过submit 提交表单 标签属性: action: 向何处发送表单数据 target:--------_blank新窗口打开;_self默认 method:以何种方式提交,类似type enctype :发送表单数据之前对数据进行编码 get 方式适合用来提交少量的，简单的数据 post 方式适合用来提交大量的，复杂的，或包含文件上传的数据 2.通过Ajax提交表单数据 ①监
2022-01-16 22:17:43
518
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人