1、Vue.js起步

1.vue是什么？

Vue.js官网
Vue.js菜鸟教程

2.MVVM模式

MVVM即：Model-View-View-Model模式。它由经典的软件架构MVC衍生而来。当View（视图层）变化时，会自动更新到ViewModel（视图模型），反之亦然。View和ViewModel之间通过双向绑定(data-binding)建立联系。

3 现代的前端开发模式

目前三大前端开发为：Angular、React、Vue

4 Vue.js起步

CDN引入：
引入CDN，只需要在创建的html文件中引入下图中的script代码，这样就成功地将Vue.js引入到我们的项目中并可以使用了。

第一个起步页面

    
        
        
        
        
    
    
        
        

            
{{message}}
            
{{name}}，{{age}}
            

        
        
        
    

运行结果

image.png

• el代表element，指需要获取的元素，一定是html中的根容器元素。
• data用于数据的存储，可以设置对应的数据，data的值也是一个对象，类型可以是字符串、number、对象、数组。
• 花括号在这里是模板语法。如果data类型是字符串，花括号可以直接获取到相关数据的值，而且这个花括号是不会写入DOM结构的。因为Vue是将拥有的内容放在虚拟DOM中，通过DOM操作再把需要的值插入到真实DOM中。