vue.js的简单介绍

r囧r小猫 2022-09-03 03:29 108阅读 0赞

1、vue.js的简单介绍

Vue是什么

主流的渐进式JavaScript框架

什么是渐近式

可以和传统的网站开发架构融合在一起，例如可以简单的把它当作一个类似JQuery库来使用。也可以使用Vue全家桶框架来开发大型的单页面应用程序。

使用它的原因

vue.js体积小，编码简洁优雅，运行效率高，用户体验好.无Dom操作，它能提高网站应用程序的开发效率

什么场景下使用它

一般是需要开发单页面应用程序（SinglePageApplication,简称:SPA）的时候去用单页面应用程序，

如：网易云音乐https://music.163.com/因为Vue是渐进式的，Vue其实可以融入到不同的项目中，即插即用

vue.js的简单介绍

简单的vue案例:

<htmllang=“en”>

<metacharset=“UTF-8”>

<metaname="viewport"content=“width=device-width,initial-scale=1.0”>

第一个vue的案例

<scriptsrc=“https://cdn.jsdelivr.net/npm/vue/dist/vue.js”>

<divid=“app”>

<inputtype="text"v-model=“msg”>

vue中数据：\{ \{msg\}\}

vue.js的简单介绍

2、vue的发展历史

13年，在Google工作的尤雨溪，受到Angular的启发，从中提取自己所喜欢的部分，开发出了一款轻量框架，最初命名为Seed。

同年12月，这粒种子发芽了，更名为Vue，版本号是0.6.0。

2014.01.24，Vue正式对外发布，版本号是0.8.0。

发布于2014.02.25的0.9.0，有了自己的代号：Animatrix，这个名字来自动画版的《骇客帝国》，此后，重要的版本都会有自己的代号。

0.12.0发布于2015.06.13，代号DragonBall（龙珠），这一年，Vue迎来了大爆发，Laravel社区（一款流行的PHP框架的社区）首次使用Vue（我也是在这个论坛上认识Vue的），Vue在JS社区也打响了知名度。1.0.0Evangelion（新世纪福音战士）是Vue历史上的第一个里程碑。

同年，vue-router（2015-08-18）、vuex（2015-11-28）、vue-cli（2015-12-27）相继发布，标志着Vue从一个视图层库发展为一个渐进式框架。很多前端同学也是从这个版本开始成为Vue的用户。

2.0.0GhostintheShell（攻壳机动队）是第二个重要的里程碑，它吸收了React的VirtualDom方案，还支持服务端渲染。

就在不久前，Vue发布了2.6.0Macross（超时空要塞），这是一个承前启后的版本，因为在它之后，3.0.0也呼之欲出了。

vue.js的简单介绍

3、对比其他js框架vue.js的优势

Angular2009年诞生的，起源于个人开发，后来被Google收购了。

核心技术：模板和数据绑定技术，体验越来越差，走下坡路了。

React2013年5月开源的，起源于Facebook的内部项目，对市场上所有JS框架都不满意，于是自已写了一套。

核心技术：组件化和虚拟DOM技术。

使用情况：BAT级别的企业：React多>Angular>Vue.js

中小型公司：Vue.js更多一些，有中文文档学习成本低。

发表评论取消回复

表情：

评论列表（有 0 条评论，108人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vuejs——（８）Vuejs组件的定义

本篇资料来于官方文档： http://cn.vuejs.org/guide/components.html 本文是在官方文档的基础上，更加细致的说明，代码更多更全。

怼烎@/ 2022年07月18日 01:52/ 0 赞/ 352 阅读

相关 audio的简单介绍

习惯直接上代码，相关说明写在了注释里面。 <!DOCTYPE html> <html lang="en"> <head> <met

旧城等待，/ 2022年06月12日 02:25/ 0 赞/ 249 阅读

相关 laravel和vuejs第一个最简单的示例hello Vuejs

纯laravel和vuejs：第一个最简单的示例如果你到网上搜索laravel+vuejs，大部分情况下你会得到一堆如何用nodejs，webpack, babel,

淩亂°似流年/ 2022年06月03日 04:09/ 0 赞/ 256 阅读

相关 vuejs的组件

组件的基本使用注册组件组件注册就是利用`Vue.component()`方法，先传入一个自定义组件的名字，然后传入这个组件的配置。 Vue.compo

╰+哭是因爲堅強的太久メ/ 2022年05月24日 06:50/ 0 赞/ 324 阅读

相关 WebGL的简单介绍

1、WebGL的定义 WebGL（Web图形库，Web graphic library）是一种JavaScript API，在不使用插件的情况下，在任何兼容的网页浏览器中

青旅半醒/ 2022年05月21日 10:27/ 0 赞/ 285 阅读

相关 MongoDB的简单介绍

MongoDB的安装和启动就不介绍了; 创建maven工程,引入依赖 <dependencies> <dependency>

一时失言乱红尘/ 2022年05月15日 15:54/ 0 赞/ 284 阅读

相关 Vuejs

1. 入门案例 1. 创建vuejs-demo.html <!DOCTYPE html> <html> <he

灰太狼/ 2021年12月21日 19:23/ 0 赞/ 377 阅读

相关 smarty的简单介绍

我们可以看到，smarty的程序部分实际就是符合php语言规范的一组代码，我们依次来解释一下： 1。/\\/语句：包含的部分为程序篇头注释。主要的内容应该为对程序的作

落日映苍穹つ/ 2021年12月21日 18:47/ 0 赞/ 315 阅读

相关简单介绍

VuGen： vugen的脚本分为三个部分：Vuser\_init、Action、Vuser\_end。其中Vuser\_init和Vuser\_end都只能存在一个，而Ac

墨蓝/ 2021年12月16日 04:18/ 0 赞/ 488 阅读

相关【Vue 学习】- VueJS 简单入门

目录一、概述 1、Vue 介绍 2、MVVM 模式二、Vue 入门 1、使用 IDEA 开发 Vue 2、插值表达式 --------------------

末蓝、/ 2021年09月21日 00:52/ 0 赞/ 784 阅读