素材巴巴 > 程序开发 >

vue关闭当前页面 跳转_vue入门-浅谈VUE.js

程序开发 2023-09-15 09:17:59

注:读本文前已经默认您已经掌握JavaScript、css、html 等相关知识。

1. 什么是VUE.js?

VUE作为一个国产JS框架,与React、Angular三分天下,呈三足鼎立之势。“ vue是一套构建用户界面(UI)的渐进式JavaScript框架",VUE只本身只专注与视图层(View),相对于其它框架,VUE具有 体积小、易上手、速度快等特点、而且文档丰富对初学者极其友好!

2. 单页模式(SPA)和多页模式(MPA)

传统的web网站都是多页模式,用户每浏览一个页面需要重新向服务器请求一个页面,而单页应用在你浏览第一个页面时就把全部资源下载下来,基于路由再把当前页面渲染出来。

多页模式:用户点击跳转 —>发起请求 —>下载页面资源—>渲染页面

单页模式:(首屏下载后)用户点击跳转 —>切换组件—>渲染页面

两种模式优点缺点:

b6e53acbf83b7ab31c3dc813fe0b0a49.png
两种模式优缺点对比

3. 操作DOM元素
(1) 原生操作DOM元素

//根据元素ID操作元素
                         

标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。