- 博客(13)
- 收藏
- 关注
RSS订阅原创 Vuex笔记
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。这个状态自管理应用包含以下几个部分：state，驱动应用的数据源；view，以声明方式将 state 映射到视图；actions，响应在 view 上的用户输入导致的状态变化。但是，当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：多个视图依赖于同一状态。来自不同视图的行为需要变更同一状态。每一个 Vuex 应用
2022-03-05 22:36:09
88
原创 Vueday07
1.路由Vue中的路由:路径和组件的映射关系2.路由的优缺点优点： 整体不刷新页面，用户体验更好 数据传递容易, 开发效率高 缺点： 开发成本高(需要学习专门知识) 首次加载会比较慢一点。不利于seo 3.vue-router使用 安装 yarn add vue-router 导入路由 import VueRouter from 'vue-router' 使用路由插件 // 在vue中，使用使用vue的插件，都需要调用V
2022-03-03 21:57:04
347
原创 vueday06
多个组件使用同一个挂载点，并动态切换，这就是动态组件<template> <div> <button @click="comName = 'UserName'">账号密码填写</button> <button @click="comName = 'UserInfo'">个人信息填写</button> <p>下面显示注册组件-动态切换:</p> <d
2022-03-01 22:00:00
67
原创 Vue_day06
1.axios的使用特点 支持客户端发送Ajax请求 支持服务端Node.js发送请求 支持Promise相关用法 支持请求和响应的拦截器功能 自动转换JSON数据 axios 底层还是原生js实现, 内部通过Promise封装的 语法:axios({ method: '请求方式', // get post url: '请求地址', data: { // 拼接到请求体的参数, post请求的参数 x...
2022-02-28 22:33:18
83
原创 vue05
1、vue生命周期组件从创建到销毁的整个时期2、钩子函数在特定时间执行函数操作分4大阶段8个方法：初始化：beforeCreate created挂载：beforeMount mounted更新：beforeUpdate updated销毁：beforeDestroy destroyed3、初始化阶段Vue实例化→初始化事件和生命周期函数→beforeCreate执行→Vue添加data等→created→编译模板→判断是否有el→有，继续检查template，没有调
2022-02-27 19:41:20
191
原创 VUE04
一、Vue中是如何进行组件通信的？①、父组件 => 子组件父组件内设置想要传递的数据，在父组件内引用的子组件绑定一个自定义属性并把数据绑定在自定义属性上，最后在子组件内添加props参数接收即可。②、子组件 => 父组件通过自定义事件，即子组件通过$emit进行触发并且可以携带参数，父组件通过@进行监听，然后进行方法处理。③、兄弟组件(1)、全局事件总线 $bus(2)、第三方库(pubsub) 消息的订阅与发布(3)、VueX二、methods和compute
2022-02-25 23:13:05
52
原创 VUEDay03
1.列表渲染v-for :key可遍历数据类型: <ul> <!-- 遍历数组 --> <li v-for="(p,index) in persons" :key="index">{{p.name}}-{{p.age}}</li> </ul> <ul> <!-- 遍历对象 --> ...
2022-02-24 22:59:03
252
原创 vue笔记day01
1.创建vue项目1.安装@vue/cliyarn global add @vue/cli# ORnpm install -g @vue/cli2.创建项目==注意: 项目名不能带大写字母, 中文和特殊符号==# vue和create是命令, vuecli-demo是文件夹名vue create vuecli-demo3.启动服务器cd vuecil-demonpm run serve# 或yarn serve或vue serve2.@vue/cli
2022-02-22 22:21:06
107
原创 webpack学习总结
1.什么是webpackwebpack是一个静态模块打包工具2.webpack能做什么1.支持所有类型文件的打包(需要完成依赖安装)2.less/scss-->css3.html/css/js -> 压缩合并3.webpack的使用步骤1.初始化文件(利用yarn命令)yarn init2.安装依赖包yarn add webpack webpack-cli -D3.配置scripts(自定义命令)scripts: { "build":
2022-02-21 23:46:49
226
原创 GIT 笔记第二天
开源和闭源开源:开放源代码,代码是公开的任何人都可以查看和修改.闭源:只提供程序,不提供源代码开源协议开源并不意味着完全没有限制，为了限制使用者的使用范围和保护作者的权利，每个开源项目都应该遵守开源许可协议常见的开源协议1.BSD2.Apache Licence 2.03.GPL （GNU General Public License） (⭐⭐⭐)具有传染性的一种开源协议,不允许修改后和衍生的代码作为闭源的商业软件发布和销售使用 GPL 的最著名的软件项目是：Linu
2022-01-20 18:56:32
340
原创 git学习
开源的分布式管理系统分为三个区1.工作区2.暂存区3.仓库区Git 命令配置用户信息git config --global user.name "1231"git config --global user.email "1231"查看用户信息git config --list --globalgit config user.namegit提示git help configgit help config -h几种状态未跟踪(Untracked)
2022-01-18 21:51:28
47
原创 1月17日ajax
1.利用jQuery发送文件设置contentType: false和processData: false $('button').click(function () { if ($('input')[0].files.length <= 0) { return alert('请上传文件') } var fd = new FormData() fd.append('a
2022-01-17 19:00:01
146
原创 day03.ajax
1.正则 replace 函数用法例子:'dasdawdqdac'.replace(/[a]/,()=>{return 'h' //}) //dhsdawdqdac函数中可以跟参数(a,b,c,d)=>{}第一个值 a:匹配到的内容第二个值 b:分组中的内容第三个值 c:匹配到的内容在字符串中的索引号第四个值: d:原字符串3.XMLHttpRequest3.1使用xhr发送GET请求1...
2022-01-15 19:51:46
426
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人