首页 > 其他分享 >初入了解——Vue.js

初入了解——Vue.js

时间:2023-03-26 19:10:49浏览次数:54  
标签:Vue 框架 非常容易 视图 js 初入 API

目录

 前言:

一.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_Vue

  • 软件名称: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 也能驱动复杂的单页应用。

初入了解——Vue.js_运维_02


三.语言特点

易用

在有HTMLCSSJavaScript的基础上,快速上手。

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,初入,API
From: https://blog.51cto.com/u_15880033/6150670

相关文章

  • web前端框架——Vue的特性
    目录前言: 一.vue二.特性1.轻量级2.数据绑定3.指令4.插件三.比较Angular、React、Vue框架之间的比较1.AngularAngular的优点:2.ReactReact的优点:3.vue3.Vue的优点:前言: ......
  • 摸索graphQL在前端vue中使用过程(三)
    上回说到,那个请求拦截的一个过程,我上次不会看官网教程,这次,终于有了新的发现。graphQL的interceptors(请求拦截器)importApolloClientfrom'apollo-boost';constapolloCl......
  • node.js 学习笔记
    阶段一1初始Node.jsjavascript运行环境1.2Node.js中的javacript运行环境1.3Node.js环境安装百度1.4node.js执行javaScript代码2fs文件系统模块2.1......
  • Vue核心 Vue简介 初识
     1.1.Vue简介 1.1.1.官网●英文官网●中文官网 1.1.2.介绍与描述●Vue是一套用来动态构建用户界面的渐进式JavaScript框架○构建用户界面:把数据通过某种办......
  • JS 做一个简单的 Parser
    前言前些天偶然看到以前写的一份代码,注意有一段尘封的代码,被我遗忘了。这段代码是一个简单的解析器,当时是为了解析日志而做的。最初解析日志时,我只是简单的正则加上分割,写......
  • Vue核心 模板语法 数据绑定
    1.3.模板语法Vue模板语法包括两大类1插值语法功能:用于解析标签体内容写法:{{xxx}},xxx是js表达式,可以直接读取到data中的所有区域2指令语法功能:用于解析标签(包括:标签属......
  • Vue核心 el与data的两种写法
    1.5.el与data的两种写法el有2种写法a创建Vue实例对象的时候配置el属性b先创建Vue实例,随后再通过vm.$mount('#root')指定el的值data有2种写法a对象式:data:{}b函数式:dat......
  • centos7 yum -y install nodejs安装npm时报错,处理方法
     centos7yum-yinstallnodejs安装npm时报错,处理方法安装npm时报错,处理方法sudo:npm:commandnotfoundsudoyum-yinstallnodejsLoadedplugins:fastestmirr......
  • Vue3的fetch和Axios
    Vue3的fetch和Axios都是用于发送HTTP请求的JavaScript库,但是它们之间有以下几个区别:语法不同:fetch是浏览器原生的API,使用起来比较简单,而Axios是一个第三方库,需要通过npm安......
  • Angular 应用里 ng-package.json 文件的作用是什么?
    如下图所示:{"$schema":"../../node_modules/ng-packagr/ng-package.schema.json","dest":"../../dist/core","lib":{"entryFile":"./public_api.ts"......