Vue入门培训资料.pptx

Vue入门 Vue 介绍初识Vue.js Vue实例与数据绑定指令与事件语法糖计算属性 初识Vue.jsVue.js是一套构建用户界面的渐进式框架。Vue.js是一个构建数据驱动的Web界面的库Vue.js是一个轻巧、高性能、可视化的MVVM库，同时拥有非常容易上手的API 初识Vue.jsVue.js特点轻量级的框架双向数据绑定（数据和 DOM 被建立了关联，所有东西都是响应式的。）组件化 初识Vue.jsVue.js的设计模式—MVVM（Model-View-ViewModel）模式ModelViewModelViewDataBind图1-1 MVVM关系1、前端视图层的概念，主要把每个页面分成了M（Model）、V（View）、VM（VM ViewModel）。VM是其中核心，M和V间的调度者。2、M，保存的是每个页面中单独的数据（比如要渲染页面表格，ajax请求到后台的你个数组，此数据即为M）。3、V，每个页面的html结构。4、VM，一个调度者，分割了M和V，M和V不直接关联，通过中间的VM。V想要保存数据到M，都要有VM做中间处理；V想要渲染页面，需要调用VM，VM从M中取数据。5、前端中使用MVVM思想，主要让开发更方便，MVVM提供了数据的双向绑定（由VM提供） Vue实例与数据绑定第一个Vue实例引入vue.js文件创建Vue实例演示示例1：第一个Vue实