各位大佬，大家好，今天跟大家一起分享一下Vue和Vue脚手架的知识，经历过了Vue和Vue-cli学习的朋友你肯定会知道在官网上的学习，Vue和Vue-cli有许些的不同，为什么？因为在官网上初学vue的人，会感觉vue不就是调用一下vue.js的原码进入html界面就可以在<script></script>中进行界面动态信息的绑定和操纵了，其实没有那么简单，因为如果只是到了这层思想并持续下去，vue的学习基本就已经偏离正确的航向了，接触了vue-cli的朋友，会知道其实vue框架将界面与界面之间的联系绑定的相当紧密，不管是通过父子组件，props传值，方法调用，生命周期还是路由，都是将整个前端，多界面或者单界面联系的相当紧密。

       Vue中{{ }}双大括号绑定界面上的显示传值，基本上{{}}双大括号都是在html代码中使用，用于显示动态的传值。

        v-bind:title=" " v-bind绑定的是动态属性的值，静态的值绑定不了，会出问题。动态属性值和静态属性值的区别在于什么，举个例子：

        v-bind:title="message" 这个message会在vue代码中的data () {}里面确定和修改，可以不一样，就是动态值，

        v-bind:title="我是中国人，我爱我的祖国"，这样的就是静态值，不能改动。所以v-bind不能绑定这样的静态值，真会出问题。

        v-model="message"  这个真的是实现了表单输入和应用状态之间的双向绑定，真的是双向绑定，以便于修改和获取表单中的值，在网页书写中可以很轻松的获取表单中的值。

        Vue中有两个东西，methods和computed两个，methods是方法属性，computed是计算属性，methods类似于一个存储方法的容器，所有需要进行执行的函数都可以放在methods里面，并在computed或者生命钩子中进行调用，然后methods内部的方法可以通过在html代码中设置触发事件来进行方法的调用，computed中的方法是在界面一开始加载的时候就开始进行执行，不过是你调用了它里面的方法时才会执行，不调用不执行，也就是说，你computed中有东西，界面一加载就执行，如果没有东西，界面加载后啥都不执行。

       Vue中最终要的是生命的钩子，beforeCreate()，created()，beforeMount()，mounted()，beforeUpdate()，updated()，beforeDestroy()，destroyed()