版权声明:@转载或者引用本文内容请注明来源及原作者。 https://blog.csdn.net/weixin_43880181/article/details/88352390
1,mvvm模式的开发
基于mvvm的框架在前端领域还是蛮多的。
例如:kockoutjs,angular,vue,avalonjs,mina等等。
那么,mvvm模式下的开发要如何进行,基本为以下3个步骤:
- 创建视图(view)PSD-HTML
- 根据view来创建这个视图的viewmodel。有两个创建的技巧。1,根据视图的属性分析出不同的数据。2,根据视图上的交互方法。
- 根据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的安装。