一、什么是MVVM框架
MV*包括MVC、MVP、MVVM
MVVM框架由Model、View、ViewModel构成。
Model指的是数据,在前端对应的是JavaScript对象。
View指的是视图,在前端对应的是DOM
ViewModel观察Model和View的变化来做更新,实现了数据的双向绑定。
前端MVVM框架主要包括:angularJS、reactJS、VueJS
二、Vuejs的核心思想(数据驱动、组件化)
1、数据驱动:数据双向绑定
2、组件化:
页面任何部分都可以作为一个组件,页面只是组件的容器,一个组件对应一个vue文件,组件之间可以传递参数,例如:某个页面分为菜单、内容、底部,可以将菜单作为一个组件。
三、Vue-cli
帮助写好Vuejs代码的工具,帮助我们做目录结构、本地调试、代码部署、热加载、单元测试等工作,它是vuejs的脚手架
安装:
全局安装:npm install -g vue-cli
新建项目(这里使用webpack模板):vue init webpack
接着:
cd 进入项目
npm install 安装依赖代码库
npm run dev 启动服务
四、vue组件
Hellodiv>OtherComponent>template>