vue.js起步

vue.js起步

      Vue.js介绍

      Vue.js（读音 /vjuː/,类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和 Vue生态系统支持的库开发的复杂单页应用。Vue.js的目标是通过尽可能简单的 API实现响应的数据绑定和组合的视图组件。

      Vue.js的引入

      官网提供的一种引入方式：

      <scriptsrc="https://unpkg.com/vue/dist/vue.js"></script>

      直接下载引入：

      下载引入的时候，有开发版本和生产版本。开发版本顾名思义，就是为了开发使用，包含完整的警告和调试模式。生产版本删除了警告，而且对vue.js进行了压缩，非常小，不到100K。建议在开发时期使用开发版本，等到项目部署的时候在换为生产版本。

      利用npm安装：

      在之前要安装node.js。进入node.js官网下载安装。在node安装完成之后，由于其内置npm,可以直接使用npm install vue 进行安装。对于大型项目，建议使用npm 进行安装。

   最简单的vue实例

    

<div id=”app”>

   {{ mes }}

</div>

var vm = new Vue({

  // 选项

  el：”app”,

  data:{

     ”mes”:”Hello Vue”                                                                                            

  }

})