1.Vue.js安装
使用一个框架,我们第一步要做什么?安装下载它
安装Vue的方式有很多:
方式一:直接CDN引入
你可以选择引入开发环境版本还是生产环境版本
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
对于生产环境,我们推荐链接到一个明确的版本号和构建文件,以避免新版本造成的不可预期的破坏:
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
方式二:下载和引入
开发环境 https://vuejs.org/js/vue.js
生产环境 https://vuejs.org/js/vue.min.js
方式三:NPM安装
在用 Vue 构建大型应用时推荐使用 NPM 安装[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。---来源vue.js官网
后续通过webpack和CLI的使用,我们使用该方式。
2.vue中的MVVM
MVVM是前端视图层的概念,主要关注于 视图层分离,也就是说:MVVM把前端的视图层,分为了 三部分 (M)Model, (V)View , (VM) ViewModel
(M)Model: 这里的M保存的是每个页面中的单独的数据.
(V)View: 它是每个页面中的html结构
(VM) ViewModel : 他是一个调度者 分割了M和V 每当v层想要获取保存数据的时候,都要由VM坐中间的处理 它实现了数据绑定,将Model的改变实时的反应到View中
VM是 MVVM 思想的核心;因为VM是M和V之间的调度者