对于vue的使用可以分为两种使用形式1引入vuejs文件，在js中将vue实例化2通过node安装第三方包vue，搭建脚手架，用脚手架将页面分成几个组件编写，从而利用组件来搭建页面引入vuejs的写法 Vue分为V层视图层；Vuejs的数据驱动就是通过MVVM这种框架来实现的MVVM框架主要包含3个部分modelview和viewmodelModel指的是数据部分，对应到前端相当于javascript对象 View指的是视图部分，对应前端相当于dom Viewmodel就是连接视图与；vue官网说Vuejs读音 vju#720，类似于 view 是一套构建用户界面的渐进式的JavaScript框架与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计1易用 已经会了 HTMLCSSJavaScript，即可阅读指南；就是教程开头的第一句话Vuejs读音 vju#x02D0，类似于 view 是一套构建用户界面的渐进式框架这句话你可能并不陌生，但你未必真正读懂了它 我们注意到这句话中有一个被作者高亮的词语渐进式框架，其实明白了这个词语的意思；Vue框架的核心思想是MVVMModelViewViewModel，实现了视图和数据的双向绑定，即改变视图会触发数据的改变，同样改变数据会触发视图的改变Vue规定每个组件必须只有一个根元素。

1 学习目标 通过这一节，你会学会1目前前端技术使用的趋势 2什么是MVVM 3Vuejs的优点 4Vuejs的两大核心 5Vuejs的适用场景 2 诞生背景 近几年来，得益于手机设备的普及和性能的提升，移动端的web需求大量；学习前端框架 Vue 的步骤如下了解 Vue 框架的基本概念和特点了解 Vue 框架的基本架构和工作原理，包括 Vue 的视图层渲染数据绑定组件化和路由等功能学习 Vue 框架的基本语法和使用方法包括 Vue 的模板语法组；进入可以看到插件的API和使用指南，还包括angularJSreact等框架的使用方法，因为我们项目用的vue框架，这里直接看vue的使用npm install savedev videojs 安装成功后，在mants文件下引入对应的css样式，并进行全局；声明式，响应式的数据绑定组件化的开发Virtual DOM响应式的数据绑定 1jQuery首先获取到DOM对象，然后对DOM对象进行进行值的修改等操作 2Vue首先把值和js对象进行绑定，然后修改js对象值，Vue框架会自动；一先来实现前端部分第一步搭建Vue框架Vue我也是第一次接触，看了半天多的文档才有了大概的了解先不过多考虑前端的实现，首先考虑一下前后台沟通的问题用vuecli搭建一个新框架，在Helloworldvue 或者新建一个模板。

上文中提到在Appvue文件中使用了routerview来展示路由对应的视图，针对routerview，官方解释如下，有兴趣的童鞋移步 链接 在此之前，我们要了解该框架下几个重要的布局组件我们以默认的路由#dashboardworkplace 为例；百度地图的使用需要一个专属的密钥ak作为路径按步骤完成，并且激活就能获得一个密钥了，这样我们就可以开始引入地图了先来看效果图现在在 indexhtml 中引入script。

前端MVC设计模式 M，V，VM设计模式 Vue 安装独立版本 我们可以在 Vuejs 的官网上直接下载 并用 循环语句 循环使用 vfor 指令vfor 指令 需要以 car in arr 形式的特殊语法， car 是源；同时，Vuejs的官网非常全面，特别是在文档和教学这块非常友善，都是免费的，这让新手更容易学习上手特别是教学这块，除了有详尽完善的学习文档，还有非常短小易懂的视频教程，还提供实验代码和运行环境；Vue路由功能需要导入vuerouter，它的中文文档可以查看cn Vue的状态管理功能需要使用vuex，它的中文文档可以查看cn 如果需要更多Vue资料，可以查看awesomev。