鉴于该篇文章阅读量大,回复的同学也挺多的,特地抽空写了一篇 vue2.0 下的 vuex 使用方法,传送门:使用 Vuex + Vue.js 构建单页应用【新篇】 华丽的分割线 原文地址:https://coligo.io/learn-vuex-by-building-notes-app/ 前言:在
转载
2020-04-03 20:50:00
91阅读
2评论
鉴于该篇文章阅读量大,回复的同学也挺多的,特地抽空写了一篇 vue2.0 下的 vuex 使用方法,传送门:使用 Vuex + Vue.js 构建单页应用【新篇】 华丽的分割线 原文地址:https://coligo.io/learn-vuex-by-building-notes-app/ 前言:在
转载
2020-04-03 23:51:00
69阅读
2评论
前言:在最近学习 Vue.js 的时候,看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多,自己在它的例子的基础上进行了一些优化和自定义功能,在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来学习如何在我们的 Vue 项目中使用 Vuex。我们将大概的过一遍什么是 Vuex.js,在项目中什么时候使用它,和如何构建我们的 Vu
原创
2021-05-24 14:31:28
201阅读
使用 Vuex + Vue.js 构建单页应用【新篇】 在去年的七月六号的时候,发布了一篇 使用 Vuex + Vue.js 构建单页应用 的文章,文章主要是介绍 vuex 的基本使用方法,发现对大部分的入门同学有很大的帮助,时至今日还有很多同学不断的点赞与收藏,浏览量最高达到 20.4K 。鉴于前
转载
2020-05-10 14:31:00
65阅读
2评论
第11章 单页应用11.1 单页应用什么是单页应用单页应用(single page web application,SPA),是在一个页面完成所有的业务功能,浏览器一开始会加载必需的HTML、CSS和JavaScript,之后所有的操作都在这张页面完成,这一切都由JavaScript来控制。单
原创
2022-03-03 15:03:38
182阅读
第11章 单页应用11.1 单页应用什么是单页应用单页应用(single page web application,SPA),是在一个页面完成所有的业务功能,浏览器一开始会加载必需的HTML、CSS和JavaScript,之后所有的操作都在这张页面完成,这一切都由JavaScript来控制。单页应用优缺点优点操作体验流畅完全的前端组件化缺点首次加载大量资源(可以...
原创
2021-08-17 17:47:44
601阅读
我有一个项目用了Vue.js来构建单页应用程序。随着上线日期的临近,性能优化的工作变得越来越重要。在本文中,我收集了有关在加载时间和渲染性能方面提高Vue.js应用性能的所有知识。使用Vue.js,你可以快速构建单页应用。Webpack会为你将所有内容捆绑到文件(HTML、JavaScript、CSS)中,最后可以用nginx来提供。至少,这是我们的设置。但是Webpack会警告你某些资源太大。需
原创
2021-01-11 07:23:32
189阅读
怎样为你的Vue.js单页应用提速疯狂的技术宅前端先锋我有一个项目用了Vue.js来构建单页应用程序。随着上线日期的临近,性能优化的工作变得越来越重要。在本文中,我收集了有关在加载时间和渲染性能方面提高Vue.js应用性能的所有知识。使用Vue.js,你可以快速构建单页应用。Webpack会为你将所有内容捆绑到文件(HTML、JavaScript、CSS)中,最后可以用nginx来提供。至少,这是
原创
2021-01-29 11:32:16
246阅读
在现代Web开发中,单页面应用(SPA)因其优秀的用户体验和高效的性能而备受欢迎。Vue.js,作为一个轻量级且易于上手的前端框架,结合Vue Router,为开发者提供了一个强大的路由系统,用于构建SPA的导航系统。本文将深入探讨Vue.js路由的基本概念、配置、使用以及高级特性,帮助开发者更好地理解和应用这一功能。一、Vue Router的基本概念Vue Router是Vue.js的官方路由管
最近公司技术 Leader 说要以后要使用 VUE 来构建单页应用,让我先研究下怎么搞。既然接到了任务那就撸起袖子开干吧,由于之前有过使用 VUE 做页面数据绑定,对 VUE 这东西还是很有好感的。于是乎 google 了一堆先行者的文章,看了一圈下来有了一个基本的概念。在我看来,单页应用就是把网页做的跟原生 APP 差不多的形式,没有传统网页那样的有明显的页面跳转,页面切换比较流畅顺滑,用户体验
转载
2023-09-04 15:29:57
64阅读
组件系统是 Vue.js 另一个重要概念,因为它提供了一种抽象,让我们可以用独立可复用的小组件来构建大型应用。如果我们考虑到这点,几乎任意类型的应用的界面都可以抽象为一个组件树:在 Vue 里,一个组件实质上是一个拥有预定义选项的一个 Vue 实例:// Define a new component called todo-itemVue.component('todo-item', {...
原创
2021-07-07 14:03:56
165阅读
组件系统是 Vue.js 另一个重要概念,因为它提供了一种抽象,让我们可以用独立可复用的小组件来构建大型应用。如果我们考虑到这点,几乎任意类型的应用的界面都可以抽象为一个组件树:在 Vue 里,一个组件实质上是一个拥有预定义选项的一个 Vue 实例:// Define a new component called todo-itemVue.component('todo-item', {...
原创
2022-03-24 11:12:46
123阅读
让我们先来看几个站点: coding(https://coding.net/) teambition(https://www.teambition.com/) cloud9(https://c9.io/) 注意这几个站点的相同点。那就是在浏览器中,做了原先“应当”在client做的事情。它们的界
转载
2017-08-06 19:17:00
145阅读
2评论
单页应用是什么? 让我们先来看几个网站: coding teambition cloud9 注意这几个网站的相同点,那就是在浏览器中,做了原先“应当”在客户端做的事情。它们的界面切换非常流畅,响应很迅速,跟传统的网页明显不一样,它们是什么呢?这就是单页Web应用。 所谓单页应用,指的是在一个页面上集
转载
2018-03-27 23:22:00
96阅读
2评论
https://github.com/xufei/blog/issues/5单页应用是什么?让我们先来看几个网站:codingteambitioncloud9注意这几个网站的相同点,那就是在浏览器中,做了原先“应...
转载
2022-05-02 23:02:06
179阅读
1.Vue.js是什么?与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层Vue 完全有能力驱动采用单文件组件和生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。3.单页应用程序(SPA)单页应用一般指的就是一个页面就是应用,当然也可以是一个子应用,比如说知乎的一个页面就可以视为一个子应用
转载
2023-11-28 07:32:03
121阅读
引言
Vue.js 是一个用于构建用户界面的渐进式框架。与其它大型框架不同,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,易于学习且集成到现有项目中。本文将探讨 Vue.js 的基本概念、主要特点以及如何开始使用它来构建现代 Web 应用。Vue.js 的核心概念
响应式系统:Vue 使用细粒度的响应式机制来自动追踪依赖关系,并在数据变化时高效地更新 DOM。
组件化:Vue
https://en.wikipedia.org/wiki/Single-page_application https://en.wikipedia.org/wiki/Vue.js A single-page application (SPA) is a web application or web
转载
2018-07-18 13:42:00
240阅读
2评论
请先完成了项目初始化看一下完成的效果图,很典型的单页应用。.vue后缀名的单文件组件
这里先说一下我对组件的理解。组件,顾名思义就是一组元素组成的一个原件(理解的比较浅显、直白),在Vue.js中,表现为一个自定义元素。开篇展示的图中,首页的的列表中的每一项就可以看成一个组件(事实上,在demo中,我也是这么做的),这个组件由一张图片,一个显示价格的元素,一
转载
2023-11-20 05:04:17
111阅读
在new Router({})配置 mode 参数,mode值可选hash或者History。hash模式
hash(#)是URL的锚点,同时每一次改变#后的部分,都会在浏览器的访问历史中增加一个记录,使用”后退”按钮,就可以回到上一个位置;但不会对服务端请求数据。使用hashchange()监听hash值变化,使用window.location.href重新赋值。
用法实例// 对hash值变
转载
2023-07-15 15:15:56
144阅读