提供了编程的基础技术教程

zl程序教程

vue工具

  • 感受 Vue 新的状态管理工具之美之 Pinia---学习篇

    感受 Vue 新的状态管理工具之美之 Pinia---学习篇

    前言 相信在Vue中提到状态管理，大家一定会想到 Vuex。的确 Vuex确实是比较强大的，但Vuex 多少有点重，而且对 Typescript的支持也不是那么的友好，同时门槛也比较高，学习成本比较大。 基于以上种种原因，随着 Pinia 的不断完善 也渐渐的进入到小伙伴的视野中，今天就同大家一起学习一下 Pinia 的优美之处。 Pinia 始于 2019年11月

    日期 2023-06-12 10:48:40     
  • 时隔这么长时间，我把常用的功能整理好了，再来感受VueUse工具库的优雅吧~

    时隔这么长时间，我把常用的功能整理好了，再来感受VueUse工具库的优雅吧~

    01前言前段时间我曾经写过一篇文章介绍了一个 VueUse 这个工具库，那个时候只是刚开始用，没有深入了解。经过这么长时间的使用，现在现来谈一下使用感受，体验一下VueUse之美。 02VueUse简介 VueUse是一个工具库，里面包含了大量的基于 CompositionAPI的方法。所以在使用之前要对CompositionAPI是什么有一个了解，这样才能更好的去使用它。简单的来说，这个工具库里

    日期 2023-06-12 10:48:40     
  • vue-devtools工具的安装和使用

    vue-devtools工具的安装和使用

    目录介绍：1、从github拉取开发工具源码2、在vue-devtools目录下安装依赖包3、执行npm run build4、打开Chrome浏览器，选择更多工具->扩展程序5、将刚才看到的chrome目录直接拖拽到上述页面中，就可以看到上成功加载了Vue开发工具6、打开一个Vue应用的页面介绍：在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好

    日期 2023-06-12 10:48:40     
  • Vue调试工具安装（vue devtools）

    Vue调试工具安装（vue devtools）

    大家好，又见面了，我是你们的朋友全栈君。Vue调试工具安装（vue devtools）第一步：下载源码第二步：执行命令第三步：查看编译后的目录第四步：打开Google，添加扩展第五步：测试vue devtools第一步：下载源码在github下载devtools源码，地址： https://github.com/vuejs/vue-devtools第二步：执行命令  下载好后进入vue-devt

    日期 2023-06-12 10:48:40     
  • 使用 Vue.js Devtools 扩展作为 Vue 应用调试工具

    使用 Vue.js Devtools 扩展作为 Vue 应用调试工具

    上篇教程学院君给大家简单介绍了 Vue.js 框架，并演示了 Vue.js 的第一个功能特性 —— 数据绑定。想必大家已经能够感受到，Vue.js 相较于传统的 DOM 编程或者 jQuery 框架可以更快捷地实现视图和模型的数据同步，这还是只是冰山一角，接下来，学院君会给大家介绍 Vue.js 的更多功能特性，并最终将这些功能特性组合起来，构建复杂酷炫的 Vue 组件以及单页面应用。安装扩展在此

    日期 2023-06-12 10:48:40     
  • 【实战技巧】Vue3+Vite工程常用工具的接入方法

    【实战技巧】Vue3+Vite工程常用工具的接入方法

    Vue3 正式版已经发布一段时间了，和 Vue3 更配的工具 Vite 也已经投入使用了，本文整理了如何将一些常用的工具整合到项目中。包括 vue-router , vuex , typescript , sass , axios , elementUI , vant。以及配置 环境变量，假数据 mock 等。新建项目目录输入命令，然后会让你填写工程名称，选择你要使用的技术栈，按照提示操作即可！/

    日期 2023-06-12 10:48:40     
  • （一）Vue开发者工具

    （一）Vue开发者工具

    一、下载 vue 开发者调试工具到对应的浏览器搜索 vue devtools 二、Vue 工具的认识审查性，跟浏览器自带的审查性基本一样通过搜索框搜索组件搜索数据工具认识

    日期 2023-06-12 10:48:40     
  • 前端MVC Vue2学习总结（六）——axios与跨域HTTP请求、Lodash工具库

    前端MVC Vue2学习总结（六）——axios与跨域HTTP请求、Lodash工具库

    一、axios Vue更新到2.0之后宣告不再对vue-resource更新，推荐使用axios，axios是一个用于客户端与服务器通信的组件，axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端javaScript工具。通俗来说可以实现客户端请求服务器端提供的服务获得数据。 源码与帮助：https://github.com/axios/axios 服务器端跨域

    日期 2023-06-12 10:48:40     
  • Vue 命令行工具 Vue-CLI 详解

    Vue 命令行工具 Vue-CLI 详解

    阅读目录 阐述vue全家桶vue-cliVue CLI 的安装① 默认安装 vue/cli 脚手架 3② 默认安装失败，解决mode版本问题③ nvm下载太慢问题解决④ 安装 Node ^12.0

    日期 2023-06-12 10:48:40     
  • Vue项目中Pinia状态管理工具的使用

    Vue项目中Pinia状态管理工具的使用

    🐱 个人主页：不叫猫先生 🙋‍♂️ 作者简介：前端领域新星创作者、阿里云专家博主，专注于前端各领域技术，共同学习共同进步ÿ

    日期 2023-06-12 10:48:40     
  • vue源码中的一些工具方法

    vue源码中的一些工具方法

    vue源码中的一些工具方法很实用，在开发的过程中可以用到，做一下记录 一个被冻结的空对象： const emptyObject = Object.freeze({}) 是否是空值、非空置、true、false function isUndef (v){ return v === undefined || v === null } function isDef (v){ retur

    日期 2023-06-12 10:48:40     
  • Vue学习第24天——Vuex开发者工具的使用

    Vue学习第24天——Vuex开发者工具的使用

    一、Vuex开发者工具 浏览器安装完Vue开发者工具之后，里面包含着Vuex开发者工具，不需要额外下载安装 二、Vue开发者工具页面 三、页面按钮详解  1、选择区按钮  ① Base State 里面记录的是state里面的初始数据 ② 绿色线条 绿色线条在哪一行，页面显示哪一行的

    日期 2023-06-12 10:48:40     
  • VUE 爬坑之旅 -- 用 ES6 语法写一个工具类，并全局引用

    VUE 爬坑之旅 -- 用 ES6 语法写一个工具类，并全局引用

    VUE 爬坑之旅 -- 用 ES6 语法写一个工具类，并全局引用 2018-05-24 12:03:57 zgh0711 阅读数 7587  收藏 更多 分类专栏： Vue Vue 爬坑之旅 版权声明：本文为博主原创文章，遵循&nb

    日期 2023-06-12 10:48:40