随着 VueJS 的使用越来越广泛，出现了几种最佳实践并逐渐成为标准。在本文中，主要分享在平时开发中一些有用资源和技巧，废话少说，我们开始吧。1.始终在 `v-for` 中使用 `:key`在需要操纵数据时，将key属性与v-for指令一起使用可以让程序保持恒定且可预测。这是很有必要的，这样Vue就可以跟踪组件状态，并对不同的元素有一个常量引用。在使用动画或
......
384
0
0
2022-03-28
作者：Michael Thiessen 译者：前端小智来源：hackernoon有时候，依赖 Vue 响应方式来更新数据是不够的，相反，我们需要手动重新渲染组件来更新数据。或者，我们可能只想抛开当前的DOM，重新开始。那么，如何让Vue以正确的方式重新呈现组件呢？强制 Vue 重新渲染组件的最佳方法是在组件上设置:key。当我们需要重新渲染组件时，只需更 k
......
356
0
0
2022-03-28
介绍今天要介绍的是一个Vue的增强组件——vue-directive-window，它让你的模态框轻而易举地支持类窗口操作，也就是说不仅仅对话框，还将具备一些窗口化的特性，诸如拖拽、最大化、缩放等增强型功能！Githubhttps://gitee.com/mirrors/vue-directive-window特性节约成本旨在以极少的改造成本，让一个现有的模
......
424
0
0
2022-03-28
很少有人最初编写Vue组件时打算将其开源。我们大多数人都是从自己编写组件开始的——我们有一个问题，然后决定通过构建一个组件来解决它。有时我们发现自己想要在代码库的新位置解决相同的问题，因此我们使用组件并对其进行重构，使其可重用。然后我们想在一个不同的项目中使用它，所以我们把它转移到一个独立的包中。然后我们想“嘿，为什么不把这个分享给全世界呢?”于是我们开源了
......
363
0
0
2022-03-28
大家好，在前面的几篇文章里我们一起学习了Vue相关的基础知识，想复习基础的同学可以点击文末链接进行回顾。今天我们将学习 Vue 的 State Management（状态管理）：Vuex，我们在构建大型应用时 ，State Management 的处理至关重要。一、Vuex 简介随着业务的增加，我们的应用程序也变得越来越复杂，每个组件都有自己的数据状态，再加
......
377
0
0
2022-03-28
今天给大家分享的是Vue3系列之自定义桌面端对话框组件v3layer。V3Layer 基于vue3.0构建的多功能PC网页端弹窗组件。拥有超过10+种弹窗类型、30+种参数配置，支持拖拽(自定义拖拽区域)、缩放、最大化、全屏及自定义置顶层叠等功能。快速引入在main.js中引入v3layer组件。import { createApp } from 'vue'
......
682
0
0
2022-03-28
一、UniApp自动化测试快速开始UniApp自动化测试目前只支持cli工程如果使用 HbuilderX 的项目，目前无法使用针对UI的单元测试。二、上手1. 创建测试项目# 全局安装vue-cli
$ npm install -g @vue/cli
$ cd ... // 切换到工程保存目录
$ vue create -p dcloudio/uni-
......
462
0
0
2022-03-28
现在基于vue全家桶技术体系，基本上可以开发各端的各种应用，pc端的应用，开发完成以后，直接运行打包命令 yarn build 即可打包，部署到服务器端上线即可。那么，今天我们来聊一聊，开发好的vue移动端应用，如何打包成app，安装在自己的手机上呢？ 首先，基于vue开发的应用，现在主流的是使用vue/cli的4.x版本搭建的项目，从vue-cli的3.x
......
337
0
0
2022-03-28
作者：祈澈菇凉链接：https://www.zhihu.com/question/298703830/answer/1227084369来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。2020年GitHub常用的vue的UI框架在做vue项目开发的时候遇到了一个问题，如何选择自己的技术栈？随着vue的开发者越来越多，各种框架也渐
......
451
0
0
2022-03-27
前言前面我们获取了当前客户端的ip信息：Vue实战041：获取当前客户端IP地址详解（内网和外网），为了更好的为客户提供需求，很多时候我们会根据用户的客户端信息来提供不同的服务，比如外卖、旅游行业会根据用户所在的位置推荐附近的商家，电商会根据用户的浏览记录来推荐商品、还有写国际网站会根据用户的系统语言来提供不同的语言系统等等，这些都是建立在已知客户端基本信息
......
871
0
0
2022-03-27
CSS 动画用法同 CSS 过渡，只不过采用 animation 为指定动画效果功能实现：点击按钮后, 文本内容有放大缩小效果在 vue-02-过渡&动画和指令 目录下创建 02-动画效果.html注意：官网上面源码有问题，要在 <p> 元素上增加样式 style="display: inline-block"<!DOCTYPE h
......
456
0
0
2022-03-27
介绍tiptap编辑器基于Prosemirror，完全可扩展且无渲染。可以轻松地将自定义节点添加为Vue组件。Githubhttps://github.com/scrumpy/tiptap为什么使用tiptap？市面上有不少富文本编辑器，但大多数可能并不能满足你的需求。编辑器应该易于扩展，并且不应基于旧的依赖项（例如jQuery）。对于React，已经有一个
......
722
0
0
2022-03-27
官网：https://nuxtjs.org/
github：https://github.com/nuxt/nuxt.js
什么是Nuxt.js易于使用的Vue 框架，使用 NuxtJS 充满信心地构建您的下一个 Vue.js 应用程序。 一个 开源 框架，让 Web 开发变得简单而强大。为什么选择 NuxtJS模块化Nuxt 基于强大的模块化体系结构。
......
649
0
0
2022-03-27
介绍Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。功能特性在浏览器中发送 XMLHttpRequests 请求；在 node.js 中发送 http请求；支持 Promise API；拦截请求和响应；转换请求和响应数据；自动转换 JSON 数据；客户端支持保护安全免受 XSRF 攻击；浏览器支持；安装使用 b
......
386
0
0
2022-03-27
1. 初始化项目2. setup方法 setup是vue3.x中新的操作组件属性的方法，它是组件内部暴露出所有的属性和方法的统一API。setup的执行时机在：beforeCreate 之后 created之前，可以接受props数据ctx上下文对象(这些属性在 vue 2.x 中需要通过 this 才能访问到，在 vue 3.x 中无法访问到 组件的thi
......
407
0
0
2022-03-27