大家好第一次开博客，请多多指教，一直在做java全栈，最近想要专研下前端的知识，
前端慢慢也像后台语言一样开始规范化，模块化；
最近比较流行的几大框架，react,anglar,vue， 比较三大框架，最终选择了轻量级的Vue入手（其实还有一个小原因，Vue.js的作者为国人，小小的自豪感，小哥哥还挺帅哒~程序员的形象是不是要被洗白啦，下面附一张小哥哥的图）
伴着小哥哥的头像，我们来看下学习Vue后的一点点整理总结
1.Vue.js
渐进式前端框架，适用于各种小，中，大项目，简单的说适合任何项目
2、将js html css封装在js里面 ，动态生成。
3. vue指令
v-bind 绑定标签属性：如 v-bind:href 绑定a标签的href属性....... {{}}:花括号绑定普通变量
v-model 双向数据绑定模型 如 input模型数据录入 -----> vue 实例----->到页面双括号{{}}数据展示
代码示例：
页面效果：
画一张图来解释下双向数据库绑定的原理：
图中可以看到，input框接收用户填写的数据信息，通过v-model同步到vue的构造函数中data对象的属性值，然后data中的值又与{{title}}进行同步。
搜索了一些资料发现：v-model仅仅是vue提供的语法，实现原理是给input添加input事件监听，改变data的属性值触发get和set方法；如果我们自己实现这样的效果其实也可以实现，只是需要一大段js代码，vue将这些封装成为了一种流行框架。
数据观察，及时更新，设计模式为观察者模式；
3. vue 对象实例
页面效果图：
Vue即为一个构造函数，new 出来的就是vue的对象实例，我们可以通过vm 获得绑定的作用域 vm.$el （等同于document.getElementById()），按照往常我们的思路可能会用vm.el ，vm.data 来获取值，这里的话vue中规定获取方式在前面要加一个$符号
vuejs本身就是js，只是换了一种思路，一种规范，简约了很多js代码量，便捷版js
4、vue对象继承
都是一些简单的了解，入门用的，今天先写到这边，