vue 2.x 学习笔记（第二课）（浅谈MVVM模式、安装vue）

版权声明：@转载或者引用本文内容请注明来源及原作者。 https://blog.csdn.net/weixin_43880181/article/details/88352390

1，mvvm模式的开发

基于mvvm的框架在前端领域还是蛮多的。

例如：kockoutjs,angular,vue,avalonjs,mina等等。

那么，mvvm模式下的开发要如何进行，基本为以下3个步骤：

1. 创建视图（view）PSD-HTML
2. 根据view来创建这个视图的viewmodel。有两个创建的技巧。1，根据视图的属性分析出不同的数据。2，根据视图上的交互方法。
3. 根据viewmodel中的属性类型建立数据关系从而模拟数据接口。

<!--step1: 创建视图 view-->
<div id="#app">
    <h1>{{title}}</h1>
</div>
<script>
//step2 : 分析视图，构造view的数据模型
        let title = "hello vue";
 //step3 : 把这个分析的结果把在vue中,针对view创建一个viewmodel
        let v1 = new Vue({
            el:"#app",
            data:{
                title:"hello vue"
            } 
        })
</script>

2，安装vue

一般比较简单和方便的方式是使用bower安装。bower是一个有点类似npm的包管理器。

首先在cmd中键入命令 npm install bower -g，全局安装bower。全局安装后，我们就可以在任何路径的生产环境下直接cmd键入命令 bower install vue，就可以完成vue的安装。