Vue精讲系列第1期：初识Vue（附全套视频链接）

Vue作者Evan You      Vue是一套用于构建用户界面的渐进式JavaScript框架，作者Evan You（尤雨溪），任职于Google Creative Lab。      Vue与其他框架区别在于，Vue可以自底向上逐层应用，其核心库只关注视图层，方便与第三方库或既有项目整合。Vue官网介绍，Vue的主要特点是：简洁、轻量、快速、数据驱动、模块友好、组件化。

      接下来，我们会用几期的内容，针对Vue为大家做详细的讲解。

      同时，东软睿道技术大咖费园园老师的Vue系列课程，已经 全部上线“哔哩哔哩”，到B站找【园姐码上说】 ，即可免费收看，课程共5期23节，大家一定会有所收获。

      Vue.js快速入门：Hello World

     安装Vue环境

      Vue.js官网下载地址： http://vuejs.org/guide/installation.html

      推荐使用开发版本，因为里边会有很多辅助功能，如错误提示等。

      也可以使用在线文件：

     开始使用Vue来实例化对象赋值

     数据控制页面       vm就是我们定义的全局变量，如果我们想修改其中的值，我们可以这样。

      vue双向数据绑定       修改html展示代码

      可以看到我们操作的view控件数据，直接影响到了我们的vm.data，并且又进一步影响到了页面，整个过程的原理如下图所示。

      Chrome插件-vue.js-devTools安装和使用

      由于Vue数据驱动的特点，在开发调试中查看DOM结构不方便，在Chrome浏览器下调试Vue时，使用Chrome-vue.js-devTools插件，对数据结构进行解析和调试。

      安装：将插件安装文件拖拽到Chrome扩展程序窗口下即可

      使用： 安装完成后,关闭浏览器重新打开,加载Vue页面,F12进入Chrome调试,会出现新的Vue-Tab标签