播放器 音频vue
vue状态管理
Vuex 基本使用 store/index.js import { createStore } from "vuex"; const store = createStore({ state: () => ({ counter:0 }) }) export default store App.vue ......
Vue路由
路由介绍 映射表，决定数据的流向 页面不刷新的方式 hash，监听hashchange事件 histroy模式：六种模式 pushState replaceState popState go forward back vue-router 基本使用 安装vue-router 创建路由对象 histo ......
Vue基础
1. 声明式和命令式编程 2. MVVM模型 view--ViewModel(事件监听、数据绑定)--Model 3. options data属性： vue2中可以是一个对象，推荐函数 vue3中必须是一个函数，否则会报错 methods属性 不能是箭头函数，因为this指向window，不能获取 ......
vue-axios
Axios 常用请求方式 get post delete put patch head request all: 发送多个请求，返回一个数组 axios.all([]) 常用配置选项 url method baseURL: 根路径 axios.default.baseURL = 'https://x ......
vue-element-template实现顶部菜单栏
一、框架侧边栏改为顶部导航栏 1、复制src/layout/componets/Sidebar所有文件至同级目录，改名为Headbar 2、src/layout/components/index.js中声明Headbar export { default as Headbar } from './H ......
抖音怎么增加粉丝点赞播放浏览上热门？
抖音怎么增加粉丝？ https://wanghong.sh-zhihong.com.cn/这个网站可以快速增加 抖音是当下非常火的短视频平台，很多人都在抖音上面分享自己的生活，展示自己的才艺。大家在上面发布视频之后，如果有粉丝关注了，就会显示粉丝列表。那么怎样才能吸引更多的粉丝呢？ 一、优质的作品是 ......
Vue模板
<script src="/js/vue.min.js"></script><script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script> <script type="text/javascript"> new ......
万字血书Vue—Vuex
Vuex概述 组件之间共享数据的方式（小范围） 全局事件总线 Vuex是什么？ 专门在Vue中实现集中式状态（数据）管理的一个Vue插件，可以方便的实现组件之间的数据共享。 使用Vuex统一管理状态的好处 能够在vuex中集中管理共享的数据，易于开发和后期维护 能够高效地实现组件之间的数据共享，提高 ......
vue 代码规范 之 husky
#!/bin/sh . "$(dirname "$0")/_/husky.sh" npx eslint ./src --ext .js,.vue npx husky add .husky/pre-commit "npm run lint" ......
ant-design-vue循环生成多个独立的form表单
前言 后台需要的参数格式如下： info=[{name:'',cardId:'',phone:''},{name:'',cardId:'',phone:''},{name:'',cardId:'',phone:''}] 由于后台参数的特殊性，每一行内容组成一个对象，如果这些对象都放到同一个form表 ......
Vue——initState【十】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initState进行剖析，初始化生命周期之后紧接着。 initState initState的方法位于scr/core/instance/state.ts中； co ......
Vue介绍与生命周期详解
一、Vue简介 Vue是一款轻量级、高性能的JavaScript框架，用于构建用户界面，它的核心是数据双向绑定和组件化。Vue的设计灵感来源于AngularJS和React，但它更加易于上手和使用。 Vue的主要特点包括： MVVM模式：Vue采用了MVVM模式，将视图(View)、数据模型(Mod ......
初识vue3-setup语法糖，ref和reactive语法，computde计算属性，watch开启监听
vue3和vue2的区别 1，vue3首次渲染更快（Vue3在编译和渲染性能上有了很大的提升，主要是因为使用了Proxy代理和优化算法，使得组件可以更快的渲染） 2，diff算法更快 3，内存占用体积变得更小 4，打包体积变得更小 5，更好的ts支持（这里不是因为vue3是ts写的，所以更加支持ts ......
vue 后台管理系统 全屏
toggleScreen() {if(this.screen){this.$refs.components_layout_side.$el.requestFullscreen()}else{if (document.exitFullscreen) {document.exitFullscreen() ......
python tts播放文字
参考以下代码： import pyttsx3 # 创建TTS引擎对象 engine = pyttsx3.init() # 设置语音属性 engine.setProperty('rate', 218) # 设置语速为150 engine.setProperty('volume', 1.0) # 设置音 ......
vue3中vue-router一个简单使用案例
demo源码运行环境以及配置 运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。 运行工具：vscode或者其他工具。 配置方式：下载demo源码，vscode打开，然后顺序执行以下命令： （1）下载demo环境依赖包命令：npm i （2）启动demo命令：npm run ......
vue实现移动端签名功能之 vue-esign插件篇
1.安装 vue-esignnpm install vue-esign --save 2.全局引用 3.代码 4.将生成的base64转成文件 handleGenerate() { this.$refs.esign .generate() .then(res => { let randnum = M ......
vue03 01.创建项目
01.创建项目 打包工具 vite官网 vite介绍 Vite也是前端构建工具 相较于webpack,vite采用了不同的运行方式： 开发时，并不对代码打包，而是直接采用ESM的方式来，而是直接采用ESM的方式来运行项目 在项目部署时，在对项目进行打包 除了速度外，vite使用起来也更加方便 基本使 ......
vue2 - mockjs的使用
mockjs官网：http://mockjs.com/ 1.安装mockjs npm install mockjs 2.创建mock文件夹并且创建index.js //引入mockjs import Mock from "mockjs" //引入数据 import BlogMockData from ......
centos7 yum 安装nodejs 16,搭建编译vue项目环境
1、安装nodejs curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - sudo yum install nodejs node -v 2、安装yarn #安装yarn npm install -g yarn #查看版本 y ......
商城网站毕业设计（ Python +Vue）
网站介绍 基于 python 开发的电子商城网站，平台采用 B/S 结构，后端采用主流的 Python 语言进行开发，前端采用主流的 Vue.js 进行开发。这是给师弟开发的毕业设计。 整个平台包括前台和后台两个部分。 前台功能包括：首页、商品详情页、用户中心模块。 后台功能包括：总览、订单管理、商 ......
基于vue框架axios网络请求封装
原因 axios 是网络请求的第三库，为了防止降低对第三库的依赖性，所以将axios请求封装为函数，方便后期代码的维护 安装 npm install axios 封装 在目录结构 src 文件夹下创建 network/request.js // 引入axios库 import axios from ......
vue2中添加全局样式
在assets文件夹中创建一个css文件,放入想要的全局样式.好了之后找到main文件然后再main.js文件中import './assets/golbal.css'即可 ......
初识Vue
vue是动态构建用户界面的渐进式JavaScript框架：作者是尤雨溪 Vue的特点： 遵循MVVM模式 编码简洁，体积小，运行效率高，适合移动/PC端开发 它本身只关注UI，可以引入其它第三方库开发项目 与其他前端框架的联系： 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化 ......
vue3报错 Vue received a Component which was made a reactive object.
报错信息如下： Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking ......