随笔分类 -  Vue

Vuejs学习笔记--组件相关
摘要：一、组件通信：父子组件通信（父传子） 1.基本使用 父组件文件：data定义数据 + 动态绑定数据 :title="title" 子组件文件：定义props接收数据（类型，是否必传，默认值（数据/对象需要用函数），自定义验证函数） 2.非Prop的Attribute 当我们传递给一个组件某个属性，但 阅读全文
posted @ 2022-03-20 21:39 天黑请闭眼、 阅读(100) 评论(0) 推荐(0)
Vuejs学习笔记--router笔记(4.x版本)
摘要：1. 路由的监听原理： 1.1 URL的hash（通过改变URL的hash值，让页面不发生刷新） URL的hash也就是锚点(#), 本质上是改变window.location的href属性 我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新； hash的优势就是兼容 阅读全文
posted @ 2022-03-13 19:22 天黑请闭眼、 阅读(105) 评论(0) 推荐(0)
Vuejs学习笔记--axios+js封装
摘要：/* 本文件说明： 一、拦截器的封装：可以携带添加token，添加loading等 1. 少见：类的封装：可以创建多个axios实例，例如：const mzRequest1 = new MzRequest(config1) / const mzRequest2 = new MzRequest(con 阅读全文
posted @ 2021-12-18 22:14 天黑请闭眼、 阅读(327) 评论(0) 推荐(0)
Vuejs学习笔记--Vuex笔记
摘要：1.Vuex的概念和使用 1.1 Vuex就是状态管理工具 多个组件共享一个变量，将共享的变量集中管理，这就是状态管理 1.2 常见的状态管理 用户的登录状态 你去服务器请求数据，有一些数据是只针对登录用户的。 这个时候请求服务器数据，请求参数必须携带token。 多个界面请求数据的时候，都需要携带 阅读全文
posted @ 2021-10-05 22:56 天黑请闭眼、 阅读(81) 评论(0) 推荐(0)
Vuejs学习笔记--router笔记(1)
摘要：1. 基本使用 1.1 安装 npm install vue-router --save 2. vue执行的流程图 3. 路由的默认值和修改为history模式 3.1 路由的默认值：添加一个组件 { path: '', redirect: '/home' } 3.2 修改为history模式：在路 阅读全文
posted @ 2021-10-02 23:06 天黑请闭眼、 阅读(63) 评论(0) 推荐(0)
Vuejs学习笔记--router笔记(2)
摘要：1. 懒加载模式 1.1 三种写法 1.2 懒加载应用 1.3 补充：懒加载打包出现map文件问题 map文件作用：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。所以该文件如果项目不需 阅读全文
posted @ 2021-10-02 21:39 天黑请闭眼、 阅读(46) 评论(0) 推荐(0)
Vuejs学习笔记--CLI3笔记
摘要：1. 安装 略 2.Vue-CLI3构建项目 2.1 命令 vue create testvuecli3 2.2 配置项 ? Please pick a preset：请选择一个预设 > default (babel, eslint) 默认配置 > Manually select features 阅读全文
posted @ 2021-09-26 20:10 天黑请闭眼、 阅读(360) 评论(0) 推荐(0)
Vuejs学习笔记--CLI2笔记
摘要：1. 安装 1.1 命令 npm install -g @vue/cli@3.2.1 1.2 拉取2.X模板 npm install -g @vue/cli-init@3.2.0 1.3 脚手架2创建项目的指令 vue init webpack my-project 补充：脚手架3创建项目的指令 v 阅读全文
posted @ 2021-09-26 16:38 天黑请闭眼、 阅读(52) 评论(0) 推荐(0)
Vuejs学习笔记--webpack笔记
摘要：1. webpack：模块化的打包工具 1.1 基础打包命令 webpack ./src/main.js ./dist/bundle.js 补充： commonjs和es6的导入导出区别 commonjs的导出是 modules.export = {}，导入是 const x = require(' 阅读全文
posted @ 2021-09-25 23:26 天黑请闭眼、 阅读(72) 评论(0) 推荐(0)
VSCode 在.vue文件中设置vue模板
摘要：在HTML文件中自定义vue模板的方法：https://www.cnblogs.com/codermsz/p/15245213.html 在.vue文件中设置vue模板的方法： 路径：在Vscode中找到 文件-->首选项 -> 用户片段，在输入框内输入vue，并点击vue.json。 复制以下代码 阅读全文
posted @ 2021-09-25 19:56 天黑请闭眼、 阅读(285) 评论(0) 推荐(0)
Vuejs学习笔记--生命周期
摘要： 阅读全文
posted @ 2021-09-22 22:06 天黑请闭眼、 阅读(24) 评论(0) 推荐(0)
Vuejs学习笔记--父组件与子组件的数据通信
摘要：父传子：通过props属性传递，props写在子组件中 定义变量：在子组件中定义props属性，添加变量 （子组件中） 赋值指向：将父组件的data数据指向props变量 （父组件模板中） 使用变量：通过props中新的变量使用父组件的数据 （子组件模板中） 子传父：通过自定义事件传递，自定义事件写 阅读全文
posted @ 2021-09-21 15:36 天黑请闭眼、 阅读(77) 评论(0) 推荐(0)