Vue 的认识、特点介绍、安装方式
1. vue 是一个渐进式框架，什么是渐进式的呢 ？渐进式意味着可以将 vue 作为应用的一部分嵌入其中，带来更丰富的交互体验假设一个项目需要重构，有很多页面需要重写，那么此时可以使用 vue 对某一个页面进行重构，等有时间时再对其他页面进行一点一点重构，那么这个过程可以理解是渐进式的2. vue 有...
2023-02-28 Vue.js
vue-router 的基本使用
1. vue-router 介绍2. vue-router 的使用3. 路由映射配置的写法4. 路由的默认值、history 模式5. router-link 和 router-view 组件6. 通过代码跳转路由 this.$router.push()7. 动态路由的使用8. 路由组件的懒加载9. 嵌套路由的使用10. vue-router 参数传递11. 导航守卫的认识和基本使用12. keep-ali...
webpack 构建脚手架
前言1. 构建项目2. 局部安装3. webpack.config.js4. 打包 css 文件5. 打包 less 文件6. 打包 vue 文件7. loader 和 plugin 区别8. 添加版权的插件9. html-webpack-plugin 打包 html 的插件10. 压缩文件11. webpack-dev-server 搭建本地服务器前言本文记录 webpack 的安装和使用，并且使用 webpack ...
2023-02-28 JavaScript打包CSSwebpackVue.js
Vue 网络请求模块封装 (axios)
1. vue 中如何发送网络请求 ？2. 在 vue 脚手架中使用 axios3. 请求配置4. 配置默认值5. 网络请求模块封装1. vue 中如何发送网络请求 ？选择一: xmlhttprequest (xhr)这种方式配置和调用方式都非常混乱，编码也很复杂，所以真实开发中都不会使用 xhr 这种方式选择二: jquery-ajax如果项目中使用了的...
2023-02-28 JavaScriptNode.jsjQueryVue.jsAjax
Vuex 3.x 状态管理模式
1. vuex 介绍2. vuex 安装3. vue.js devtools 插件4. state 数据的访问方式5. getters 的使用详解6. mutations 的使用详解7. actions 的使用详解8. modules 的使用详解9. store 文件夹的目录组织10. vuex 用法总结1. vuex 介绍vuex 官网: https://vuex.vuejs.org/zhvuex 的最新版是 vuex 4.x 【当前...
2023-02-28 编程算法JavaScriptVue.js
Vue CLI 2 脚手架 TabBar 组件封装
1. 前言2. 清理脚手架3. 搭建 tabbar 基本布局4. 书写 tabbar 基本样式5. tabbar 组件封装6. tabbaritem 组件封装7. 给 tabbaritem 组件传入选中时的图片8. tabbaritem 组件和路由结合效果9. tabbaritem 组件的颜色动态控制1. 前言本文记录在 vue cli 2 中封装 tabbar 组件详细步骤，主要是为了感受...
KZ-API接口服务
挺早之前就想写个 api 接口服务，封装下自己收集的一些 api 接口，以便调用，正好最近在接触 ssr 框架，所以就使用 nuxt3 来编写该项目。在线地址: kz api开源地址: kuizuo/api-service如果你已经了解过 nuxt3 与运行过程，那么可以直接跳转至 实战quick startnpx nuxi init nuxt3-app可能会安装不...
2023-02-28 JavaScript缓存APITypeScriptVue.js
搭建Electron+Vue3开发环境
之前用 electron-vue 写过一个半成品的桌面端应用，但是是基于 vue2 的，最近又想重写点桌面端应用，想要上 vue3+typescript，于是便有了这篇文章总结下具体的搭建过程。vue clivue cli 有一个插件vue-cli-plugin-electron-builder，可以非常方便的搭建 electron 环境。npm i @vue/cli -gvue creat...
2023-02-28 TypeScriptVue.jsGitHubReactElectron
使用Vue开发Chrome插件
前言我当时学习开发 chrome 插件的时候，还不会 vue，更别说 webpack 了，所以使用的都是原生的 html 开发，效率就不提了，而这次就准备使用 vue-cli 来进行编写一个某 b 站获取视频信息,评论的功能（原本是打算做自动回复的），顺便巩固下 chrome 开发（快一年没碰脚本类相关技术了），顺便写套模...
2023-02-28 JSONJavaScriptCSSVue.js
axios的简单使用
axios是独立于vue的一个项目，基于promise用于浏览器和node.js的http客户端在浏览器中可以帮助我们完成 ajax请求的发送在node.js中可以向远程接口发送请求引入js文件 输入vuehtml快捷键生成vue快捷模板 创建数据 这里只做演示，所以json数据就自己造一个了data.json文件{ "success": "ok", "coed": ...
2023-02-28 JSONJavaScriptNode.jsVue.js