欢迎来到 vue 的世界

1.为什么我会想要来弄弄vue这个前端框架呢？

答：前段时间被小程序刷屏了，然后就去弄了一下小程序，嗯挺简单的；头脑一发热后就想到vue2也发布一段时间了，何不也来尝尝vue2.0的味道，最后发现它们俩长得太相近了，呵呵:-)。

2.关于我是怎么学这个框架的？

答：因为没人指导，也没有找视频看（其实是不方便看），最后只能自己在浏览器中摸索前进，我会把我摸到的相关链接放到这里以此备用，写到这里拥抱下自己。

3.你怎么这么啰嗦，还没有进入正文？

答：得咧，现在立马进入。

-----------------------我是华丽丽的分割线-----------------------

首先当然得放上官网参考文档，不然该怎么进行的下去^_^。

（戳一下有官网教程链接）

（再戳一下看API 咯）

前面的安装生产环境呀等我就不说了，反正跟着官网指引准没错的。

现在开始介绍部分！

◆ 什么是vue 

　　Vue.js（读音 /vju?/, 类似于 view） 是一套构建用户界面的 渐进式框架，采用自底向上增量开发的设计。Vue 的核心只关注视图层，也就是说是MVVM(Model-View-ViewModel)中VM层，保证视图和数据统一，形成双向数据绑定:-)。

◆ 引用

　　<script src=""></script>

　　https://unpkg.com/vue/dist/vue.js

　　https://npmcdn.com/vue@2.1.9/dist/vue.js

　　这个src自己随便选，也可以自己下载。

　　推荐 unpkg, 会保持和 npm 发布的最新的版本一致。

◆ Hello World

　　html :

1 <div id="vm">
2     <p>{{message}}</p>
3 </div>

　　javascript :

1 <script type="text/javascript">
2     var app=new Vue({
3         el:"#vm",
4         data:{
5             message:"hello vue"
6         }
7     })
8 </script>

 附上JSfiddle代码　　

https://jsfiddle.net/Chuyue_813/tzb0zptn/5/

欢迎来到 vue 的世界

原文：http://www.cnblogs.com/anniey/p/6307138.html