vue简介

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。

另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。

最新稳定版本:2.6.12

每个版本的更新日志见 GitHub。

直接下载并用 <script> 标签引入,Vue 会被注册为一个全局变量。

开发版本包含完整的警告和调试模式

生产版本删除了警告,33.30KB min+gzip

若是新手学习不推荐 命令行工具 (CLI)

      完整版:同时包含编译器和运行时的版本。

      编译器:用来将模板字符串编译成为 JavaScript 渲染函数的代码。  

      运行时:用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切

第一个vue程序

<div id="app">
  {{ message }}
</div>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})
结果:Hello Vue!

我们已经成功创建了第一个 Vue 应用!看起来这跟渲染一个字符串模板非常类似,但是 Vue 在背后做了大量工作。

现在数据和 DOM 已经被建立了关联,所有东西都是响应式的。

我们要怎么确认呢?打开你的浏览器的 JavaScript 控制台 (就在这个页面打开),并修改 app.message='修改的值' 的值,你将看到上例相应地更新。

posted @ 2020-11-05 11:35  Anoxia丿  阅读(333)  评论(0编辑  收藏  举报