随笔分类 -  Vue

vue学习笔记
摘要：vue学习笔记 一vue环境搭建/目录结构 Vue-cli的安装 yarn add global add @vue/cli npm install -g @vue/cli cnpm install -g @vue/cli 安装cnmp命令: npm install -g cnpm --registr 阅读全文
posted @ 2022-01-18 20:20 awsoyou 阅读(150) 评论(0) 推荐(0)
Vue响应式原理
摘要：Vue响应式原理 1、课程目标 模拟一个最小版本的Vue 响应式原理在面试的常问问题 实际项目中出现问题的原理层面的解决 ​ 给Vue实例新增一个成员是否是响应式的？ ​ 给属性重新赋值成对象，是否是响应式的？ 为学习Vue源码做铺垫。 2、数据驱动 在实现整个Vue响应式代码之前，我们先来了解几个 阅读全文
posted @ 2022-01-18 20:17 awsoyou 阅读(78) 评论(0) 推荐(0)
Vue Router
摘要：Vue Router 一、Vue Router 回顾 1、路由简介 路由是一个比较广义和抽象的概念，路由的本质就是对应关系。 在开发中，路由分为： ​ 后端路由 ​ 前端路由 后端路由 概念：根据不同的用户 URL 请求，返回不同的内容 本质：URL 请求地址与服务器资源之间的对应关系 SPA（Si 阅读全文
posted @ 2022-01-18 20:14 awsoyou 阅读(396) 评论(0) 推荐(0)
Vue知识点串讲
摘要：一、Vue知识点串讲 复习一下Vue中的核心知识点。 复习完基本的知识点以后，后面再来看一下其它的面试内容 1、基本使用 下面，先来看一段最简单的代码，如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <me 阅读全文
posted @ 2022-01-18 19:59 awsoyou 阅读(43) 评论(0) 推荐(0)
样式重置与公用
摘要：#重置样式 执行 npm i normalize.css 安装重置样式的包，然后在 main.js 导入 normalize.css 即可 import { createApp } from 'vue' import App from './App.vue' import router from ' 阅读全文
posted @ 2022-01-09 16:01 awsoyou 阅读(74) 评论(0) 推荐(0)
完成自动注入公用变量和混入
摘要：**遇到问题：**每次使用公用的变量和mixin的时候需要单独引入到文件中。 解决方法： 使用vuecli的style-resoures-loader插件来完成自动注入到每个less文件或者vue组件中style标签中。 在当前项目下执行一下命令vue add style-resources-loa 阅读全文
posted @ 2022-01-09 15:47 awsoyou 阅读(62) 评论(0) 推荐(0)
Vue-请求工具axios
摘要：基于axios封装一个请求工具，调用接口时使用。 安装axios npm i axios 新建 src/utils/request.js模块，代码如下: // 1. 创建一个新的axios实例 // 2. 请求拦截器，如果有token进行头部携带 // 3. 响应拦截器：1. 剥离无效数据 2. 处 阅读全文
posted @ 2022-01-09 11:07 awsoyou 阅读(204) 评论(0) 推荐(0)
Vuex 持久化
摘要：目的：让在vuex中管理的状态数据同时存储在本地。可免去自己存储的环节。 在开发的过程中，像用户信息（名字，头像，token）需要vuex中存储且需要本地存储。 例如，购物车如果需要未登录状态下也支持，如果管理在vuex中页需要存储在本地。 我们需要category模块存储分类信息，但是分类信息不需 阅读全文
posted @ 2022-01-09 10:52 awsoyou 阅读(631) 评论(0) 推荐(0)
Vue 配置
摘要：#解决vscode中使用Vue自动添加分号;和双引号" 新建.prettierrc文件，在文件中添加： { "semi":false, "singleQuote":true } #配置Vue中使用@设置路径 新建jsconfig.json文件，添加： { "compilerOptions": { " 阅读全文
posted @ 2022-01-09 10:47 awsoyou 阅读(46) 评论(0) 推荐(0)