初入了解——Vue.js

Posted 2023-04-09 小李会科技

 

• 个人简介：云计算网络运维专业人员，了解运维知识，掌握TCP/IP协议，每天分享网络运维知识与技能。
• 座右铭：海不辞水，故能成其大；山不辞石，故能成其高。
• 个人主页：小李会科技的主页

目录

 前言：

一.Vue.js介绍

二.主要功能

三.语言特点

易用

灵活

性能

版本记录： Vue 3.x Vue 2.x  Vue 1.0  Vue 0.12  Vue 0.11

四.运行环境

---

 前言：

根据上篇文章来继续了解Vue

---

一.Vue.js介绍

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用(SPA)提供驱动。

• 软件名称：Vue.js  软件平台：Chrome、IE、Safari、Opera、Firefox、Edge等

• 上线时间：2014年2月    最近更新时间：2021年6月7日    软件语言：javascript

• 开发商：尤雨溪    软件授权：MIT License    软件版本：Vue 3.x    软件大小：76 至 240 KB

二.主要功能

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架--它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时 ，Vue.js 也能驱动复杂的单页应用。

---

三.语言特点

易用

在有HTML，CSS，JavaScript的基础上，快速上手。

Vue.js 的 API 是参考了AngularJS、KnockoutJS、Ractive.js、Rivets.js。

Vue.js 的 API 的对于其他框架的参考不仅是参考，其中也包含了许多 Vue.js 的独特功能。

灵活

简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。

性能

20kb min+gzip 运行大小、超快虚拟 DOM 、最省心的优化。

版本记录： Vue 3.x Vue 2.x  Vue 1.0  Vue 0.12  Vue 0.11

---

四.运行环境

开发环境下，Vue 会提供很多警告来帮开发者对付常见的错误与陷阱。而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的。 

对于vue.js初步了解

由于本人做的是javaWeb的开发,对于前端的了解还是有限,今天对于vue.js了解了下(主要是看官方api),把自己的心得说一下,希望各位大神可以补充,谢谢

 

http://www.runoob.com/vue2/vue-tutorial.html  vue.js教程

 

 

 

 对于用框架的前端和不用框架的前端,我觉得主要作用就是把数据层隔离出来,就相当于以前java用的jsp技术,通过转发把数据传递到前端.

vue的路由功能主要是相当于jquery当中加载其他html的作用

 上图是自己查看其它论坛剪切过来的。主要想了解vue如何获得绑定的数据，并且对绑定的数据进行赋值。

 只需要 this.result.prId="aaaaaaaaa";  即可