vue.js
关注
分享
扫一扫
文章平均质量分 88
qq_43067585
这个作者很懒，什么都没留下…
展开
-
vscode插件分享： 6个Vue3开发必备插件
本篇文章给大家整理分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用，希望对大家有所帮助！转载 2023-02-27 19:26:05 · 3676 阅读 · 0 评论 -
手把手带你使用Vue实现一个图片水平瀑布流插件
如何使用Vue实现一个图片水平瀑布流插件？这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助。转载 2023-02-24 19:46:52 · 1463 阅读 · 0 评论 -
10个提高开发效率的Vue3常用插件（快来收藏）
本篇文章给大家总结分享几个好用的 Vue 插件，可以帮助开发者提高开发效率、解决移动端各种滚动场景需求，希望对大家有所帮助！转载 2023-02-23 19:51:33 · 6359 阅读 · 0 评论 -
Vue.js中如何优化性能？9个小技巧分享
Vue.js中如何优化性能？下面本篇文章给大家分享Vue.js 性能优化的九个小技巧，希望对大家有所帮助！转载 2022-11-21 10:06:18 · 501 阅读 · 0 评论 -
vue中什么是自定义指令？怎么使用？
本篇文章带大家了解一下vue中的自定义指令，介绍一下如何注册自定义指令、自定义指令参数、自定义指令使用场景，希望对大家有所帮助！转载 2022-11-18 10:02:34 · 1557 阅读 · 0 评论 -
什么是Mixin？带你了解Vue中的Mixin混入
什么是Mixin？本篇文章带大家了解一下Vue中的Mixin混入，介绍Mixin和Vuex的区别，Mixin的使用方法，希望对大家有所帮助！转载 2022-11-17 09:52:20 · 326 阅读 · 0 评论 -
2022年vue高频面试题分享（附答案分析）
本篇文章给大家总结一些值得收藏的2022年精选vue高频面试题（附答案）。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。转载 2022-11-04 09:39:52 · 408 阅读 · 0 评论 -
详解Vue3 Suspense：是什么？能干什么？如何用？
本篇文章带大家深入了解一下Vue3 Suspense，聊聊Suspense是什么、能干什么，以及如何使用它，希望对大家有所帮助！转载 2022-10-26 19:29:36 · 7794 阅读 · 0 评论 -
浅析Vue前端路由中 hash 与 history的区别
Vue前端路由hash与history间有什么区别？下面本篇文章就来了解一下前端路由 hash 与 history 的差异，希望对大家有所帮助！转载 2022-08-26 09:48:07 · 466 阅读 · 0 评论 -
聊聊Vue3 style中新增了哪些特性（汇总）
Vue3对style样式进行了升级，下面本篇文章给大家汇总分享一下Vue3 style的新特性，希望对大家有所帮助！转载 2022-08-16 09:59:35 · 338 阅读 · 0 评论 -
带你详解vue中实现全页面或局部刷新的方法
vue中怎么实现页面刷新？下面本篇文章给大家介绍一下在vue中实现全页面刷新和局部刷新的方法，希望对大家有所帮助！转载 2022-08-02 09:57:00 · 5588 阅读 · 0 评论 -
深入解析下vue3中的渲染系统
本篇文章给大家深入解析一下vue3中的渲染系统，希望对大家有所帮助！转载 2022-07-28 10:07:12 · 1642 阅读 · 0 评论 -
认识一下vue中的$attrs和$listeners属性，聊聊用法
本篇文章带大家了解一下vue中封装组件利器：$attrs、$listeners属性，看看它们的用法，希望对大家有所帮助！转载 2022-07-20 10:05:29 · 785 阅读 · 0 评论 -
深入解析vue中的key，看看key到底能拿来干嘛！
key到底有什么用途？下面本篇文章给大家深度解析一下vue中的key，看看key到底能拿来干嘛，希望对大家有所帮助！转载 2022-07-11 09:55:39 · 723 阅读 · 1 评论 -
vue.js中使用v-for以及获取索引的方法介绍
下面Vue.js教程栏目带大家了解一下vue.js中v-for的使用及索引获取。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。2.x版本：v-for="(item,index)initems"index即索引值。==========================分割线==============================1.x版本：1.v-for 示例一：<!DOCTYPEhtml><html>...转载 2020-11-12 10:03:36 · 13662 阅读 · 0 评论 -
vue+webpack2实现路由懒加载的方法介绍
下面Vue.js教程栏目给大家介绍一下vue+webpack2实现路由的懒加载的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。首先，可以将异步组件定义为返回一个 Promise 的工厂函数 (该函数返回的 Pr转载 2020-11-09 18:01:48 · 129 阅读 · 0 评论 -
详解vue.js中watch的使用
使用canvas压缩图片的步骤：（视频教程推荐：html视频教程）1、拿到图片元素2、绘制一个空白的canvas3、将图片绘制在canvas上4、将canvas转成base64（这里调用的方法可以实现压缩，base64就可以直接放入src或者传入后端、转成别的格式传输等。）代码实现：123456789101112131415161718192021222324252627282930/...转载 2020-11-02 09:25:44 · 377 阅读 · 0 评论 -
Vue中值得关注的21个开源项目（推荐）
Vue 相对不于 React 的一个优点是它易于理解和学习，且在国内占大多数。咱们可以在 Vue 的帮助下创建任何 Web 应用程序。 因此，时时了解一些新出现又好用的Vue 开源项目也是挺重要，一方面可以帮助咱们更加高效的开发，另一方面，咱们也可以模范学习其精华部分。接下来看看新出的有哪些好用的开源项目。uiGradients网址：http://uigradients.com/GitHub：https://github.com/ghosh/uiGradientsGitHub S...转载 2020-10-30 17:41:23 · 1832 阅读 · 0 评论 -
深入了解Vue.js的作用域插槽
作用域槽是Vue.js的一个有用特性，它可以使组件更加通用和可重用。唯一的问题是它们很难理解!试着让你的头在父母和孩子的范围内交织，就像解决一个棘手的数学方程。当你不能很容易地理解某件事时，一个好的方法是试着用它来解决问题。在本文中，我将演示如何使用作用域槽来构建可重用列表组件。基本组成部分我们要构建的组件叫做my-list，它显示了很多东西。该特性的特殊之处在于，您可以自定义列表项在每次使用组件时的呈现方式。让我们首先处理最简单的用例，并获取my-list来呈现一个列表:一个...转载 2020-09-12 09:32:57 · 226 阅读 · 0 评论 -
使用webpack提升vue.js应用程序的四种方法
Webpack是开发Vue.js单页面应用程序的必要工具。通过管理复杂的构建步骤，它使您的开发工作流更加简单，并且可以优化应用程序的大小和性能。在本文中，我将解释Webpack提升Vue应用程序的四种方法，包括: 单一文件组件 优化Vue构建 浏览器缓存管理 代码分离 vue-cli怎么样？如果您使用模板从vue-cli构建您的应用程序，将提供一个预先制作的Webpack配置。它们已经被很好地优化了，而且我不能建议任何改进!但由于它们的开箱即用效果非常转载 2020-09-10 09:39:35 · 180 阅读 · 0 评论 -
知道要测试什么——Vue组件单元测试
关于单元测试Vue组件，我看到的最常见的问题是“我到底应该测试什么?”虽然测试过多或过少都是可能的，但我的观察是，开发人员通常会在测试过多时犯错误。毕竟，没有人愿意成为一个组件测试不足导致应用程序在生产中崩溃的人。在本文中，我将与您分享一些用于单元测试组件的指导原则，这些指导原则确保我不会永远编写测试，但是提供了足够的覆盖率，使我不会遇到麻烦。我假设您已经了解了Jest和Vue测试Utils。示例组件在学习指导原则之前，让我们首先熟悉我们将要测试的以下示例组件。它叫做Item.vue转载 2020-09-09 09:34:31 · 544 阅读 · 0 评论 -
用于VueJS和Webpack的代码分割模式
拆分单个页面应用程序的代码是提高其初始加载速度的一个很好的方法。由于用户不必一次性下载所有代码，他们将能够更快地看到页面并与页面进行交互。这将提高用户体验，特别是在移动领域，这是搜索引擎优化的一个胜利，因为谷歌惩罚加载缓慢的网站。任何封装在单个文件组件中的东西都可以很容易地进行代码拆分，因为Webpack可以在导入模块时创建一个拆分点，而Vue很乐意异步加载组件。我认为代码分割最困难的部分不是让它工作，而是知道在哪里和什么时候工作。我想说的是，在设计应用程序时，代码分割需要成为架构上的考虑因素。转载 2020-09-07 09:25:45 · 747 阅读 · 0 评论 -
扩展Vue.js组件
您的Vue应用程序中是否有共享类似选项的组件，甚至模板标记?使用公共选项和标记创建基本组件，然后扩展基本组件以创建子组件，这是一个好主意。这样的体系结构将帮助您在代码中应用DRY原则(不要重复您自己)，这将使您的代码更具可读性，并减少错误的可能性。Vue提供了一些功能来帮助组件继承，但是您还必须添加一些自己的独创性。例如:调查问题下面是Vue.js做的一个简单的调查:你会注意到每个问题都有不同的相关输入类型: 文本输入 选择输入 Radio input转载 2020-08-26 09:39:19 · 357 阅读 · 0 评论 -
预渲染vue.js应用程序（使用node或laravel）
服务器端渲染现在非常流行。但它也并非没有缺点。预渲染是一种替代方法，在某些情况下甚至可能更好。下面我们来看一下如何预渲染vue.js应用程序。在本文中，我们将探讨预渲染如何与vue.js一起工作，并看两个示例：一个是node.js项目，一个是laravel项目。一、服务端渲染基于javascript的应用程序的一个缺点是，浏览器从服务器接收到的页面基本上是空的。在下载并运行Javascript之前，无法构建DOM。这意味着用户必须等待更长的时间才能看到任何东西。如果爬虫程序不能快速查看页转载 2020-07-28 09:51:11 · 567 阅读 · 0 评论 -
用于Vue.js应用程序的4个AJAX模式
Vue没有提供实现AJAX的正式方法，而且有许多不同的设计模式可以有效地使用。每种方法都有其优缺点，应该根据需求进行判断。您甚至可以同时使用多个!在本文中，我将向您展示在Vue应用程序中实现AJAX的四个地方: 根实例 组件 Vuex行动 路线导航警卫 我将解释每种方法，给出一个例子，并讨论其优缺点。1、根实例使用这种体系结构，您可以从根实例发出所有AJAX请求，并将所有状态存储在根实例中。如果任何子组件需要数据，它将作为辅助。如果子组件需要刷新数据，转载 2020-07-27 09:40:07 · 340 阅读 · 0 评论 -
在Vue.js中定义组件模板的7种方法
Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。在Vue中定义组件模板有很多选择。在我看来，至少有七种不同的方式: 字符串 模板文字 X-Templates 内联 渲染功能 JSX 单页组件 在本文中，我们将逐一介绍每种方法的示例，并讨论其优缺点，以便您了解在任何特定情况转载 2020-07-24 09:59:59 · 1267 阅读 · 1 评论 -
如何构建出色的Vue组件
很少有人最初编写Vue组件时打算将其开源。我们大多数人开始为自己编写组件的原因：我们有一个问题，然后决定通过构建一个组件来解决它。有时我们发现自己想要在代码库的新位置解决相同的问题，所以我们提取组件并对其进行重构，使其可重用。然后我们想在一个不同的项目中使用它，所以我们把它移到一个独立的包中。然后我们想“嘿，为什么不把这个分享给全世界呢?”，所以我们开放了组件的源代码。一方面，这意味着对于任何在Vue工作的人来说，都有大量且不断增长的开源组件可用性(在npmjs.com上搜索“Vue”，会发现超转载 2020-07-22 09:36:33 · 147 阅读 · 0 评论 -
VueJS项目的5个很棒的样板/模板
你要开始一个重要的Vue项目吗?为了确保您从一个坚实的基础开始，您可以使用一个模板(也称为样板、骨架、启动器或脚手架)，而不是从npm init或vue init开始。许多经验丰富的开发人员都以开源模板的形式收集了关于构建高质量Vue应用程序的经验。这些模板包括最佳配置和项目结构、最佳第三方工具和其他开发最佳实践。与为灵活性进行优化的Vue CLI 3不同，模板是自定义的。因此，选择一个适合您的开发理念，并且具有与您需要的开箱即用的特性大致相同的特性是很重要的。选择Vue模板的一些考虑事项包转载 2020-07-21 09:37:06 · 2685 阅读 · 0 评论 -
Vue.js开发的4个基本ES2015特性
ES2015(又名ES6)是当前JavaScript语言的规范。如果您是JavaScript新手或者最近没有更新JavaScript知识，那么在ES2015中有许多新特性可以使开发变得更好、更有趣。如果您是Vue开发人员，那么您将从学习所有这些新特性中获益。但是作为一种分类的方法，您可以从那些专门应用于Vue的特性开始。在本文中，我将向您展示您将每天使用Vue的四个ES2015功能。我将提供每个的解释和简要示例。 箭头功能 模板文字 模块 解构和扩展语法转载 2020-07-20 10:08:17 · 367 阅读 · 0 评论