一个没有包袱的框架 Vue

notice为不坑新老朋友，现vue-cli已更新到3.0并改名为@vue/cli,前段时间试了下，臃肿度好了很多,vue语法没有改变，只是脚手架工具优化了，所有本文章依然有效，还有支持图形化界面vue ui，详见@vue/cli

老规矩了得先说，聊一个五毛钱的天，两个月过去了，生活真的很神奇，当初想出武汉看看，于是上手了react，第一份工作是靠它来的，后来又入了vue，第二份工作也是靠它，再后来靠vue入了weex。在SPA这条路上真是操碎了心，vue的star也越来越多（63.2k），快追上react(73.4k)了。vue后来居上，可以说集了angular和react的优势，且没有历史包袱，好用好学，vue的扩展也非常丰富，官方主要维护的是vue，vux，vue-router。就我目前的经验分享一点vue的使用，如果要看一些vue的说明等等，官网是最好的选择。vue官网。开始之前，希望先去官网学习一下。

1.vue的安装

万事开头难，这个真没啥好说的，还是老三样，node，npm， vue-cli(官方脚手架，集成webpack及常用loader)

2.vue的文件单组件.vue

可以看github上的任何一个小demo，每个.vue的单文件组件，最后通过webpack的vue-loader可以配套打包。

<!-- hello.vue –>

3.指令v-

指令是写在html中的，也是就是template中，众多的指令中，唯独爱v-for，给前端交互带来太大的作用了。接着上面的js部分说，还有众多的指令上官网查看吧。

<!-- hello.vue –>

4.事件

事件在是vue的核心，比如在子组件和父组件通讯的时，若不借助其他，事件是必须的。

<!-- hello.vue –> //自定义事件的用法 自定义事件： 1、在父组件app.vue里面引入子组件： …… <componentA @my-event=”comeMyEvent”>