随笔分类 - 0、前端 / 3、web端 / vue2
摘要：一、网络请求【axios】 1、安装： npm install axios@1.5.0 -save 2、全局注册main.js中 //导入axios import axios from "axios"; // 配置请求后端路径=IP:端口号/api axios.defaults.url='http:
阅读全文
摘要：vueX简介 vuex是程序开发过程中 集中状态管理模式,白话文：vueX用来管理所有组件共享的数据 某一个数据在多个组件（视频组件、图片组件、订单组件等）中共享,可以使用vuex 核心概念： 基础使用： state:定义定义全局共享数据 getters:获取state中的数据 mutations:
阅读全文
摘要：本地存储空间 【localStorage】 // 存储数据到 localStorage localStorage.setItem('key', 'value'); // 从 localStorage 中获取数据 const value = localStorage.getItem('key'); /
阅读全文
摘要：前言： 在使用本教程前，最好先了解一下大概步骤，避免遇见的坑 一、Windows安装node.js以及环境配置 0、这里建议先创建node64文件夹（文件夹名称根据个人喜好创建），用来安装Node.js，然后在Node的安装目录下创建两个文件夹node_cache、node_global 遇见的坑：
阅读全文
摘要：前言： 引入依赖 npm install vue-aplayer --save npm install hls.js --save 正文： HTML部分： <template> <aplayer :music="musics[0]" :list="musics" :showlrc="true" />
阅读全文
摘要：前言：(资源来源于网路，根据自己需求改动) 下载相关的jar包 npm i sass --save-dev npm i sass-loader --save-dev 正文： 一、在src/components创建新的文件loginCheck/SilderCheck.vue <template> <!
阅读全文
摘要：vue-dplayer是Dplayer的vue版 支持弹幕,字幕,截图等功能 前言： 英文官网地址：https://dplayer.diygod.dev/ 中文官网地址：https://dplayer.diygod.dev/zh/ 正文： 1、安装插件 npm install vue-dplayer
阅读全文
摘要：webStorm基础环境 1、确保node.js安装成功 2、vue cli2.X脚手架安装成功 一、创建Vue项目命令： 1、控制台输入命令： vue init webpack 项目名 2、项目名：回车 3、项目描述：回车 4、作者：回车 5、热部署：回车 6、vue热部署：Y 7、代码检验：n
阅读全文
摘要：Vue使用过程中异常的记录：后续会持续记录 异常原文 翻译 出现原因 解决 This relative module was not found 未找到相关模块 一般是main.js中import导入的依赖不存在 或 引入的路径不正确导致的 导入语法： import XXX from XXX; Ct
阅读全文
摘要：Vue官网：https://v2.cn.vuejs.org/ Vue常用的组件库： 一、移动端 常用组件库 1. Vant ui --有赞移动 UI 组件库，支持 Vue 3 微信小程序，支付宝小程序\ Github: github.com/youzan/vant 2. Cube UI -- 滴滴出
阅读全文
摘要：前言： 了解什么是video-player https://www.npmjs.com/package/vue-video-player 了解什么是SSR 与 SPA https://www.jianshu.com/p/a4e0b58fb0a9 正文： 1. 安装插件： npm install vu
阅读全文
摘要：高德地图 开放平台 1.高德开放平台 -- 注册账号 2.创建key和安全秘钥 2. 1 控制台 -- 应用管理中 -- 创建新应用（应用名 与 应用类型） 2.2 添加 -- key名 -- 服务平台（web端JS API）-- 同意 -- 提交 创建key和安全秘钥 创建Vue项目 1.在项目的
阅读全文
