一、什么是vue(单页面应用程序)
用于构建用户界面的渐进式框架,采用自底向上增量开发的设计
二、vue的核心理念
数据驱动视图,组件化开发
三、为什么学习流行框架
①轻量级框架
②简单易学
③虚拟的DOM
④数据、视图、结构分离
四、框架和库的区别
框架:是一套完整的解决方案,对项目的侵入性较大,如果要更换框架,则需要重新架构整个项目
库:提供的一个小功能,对项目的侵入性较小,如果这个库无法满足要求,更换一个库即可
五、MVC和MVVM的区别
①MVC是后端分层开发的概念,MVVM是前端视图层的概念。
②在MVC中v是视图层view,用来展示数据、发送请求;c是调度层controller,用来接收数据、响应数据、返回数据;m是模型层model,用来处理数据,与数据库打交道。
③在MVVM中,v是视图层view,用来展示数据,vm是视图模型层view-model,用来链接view和model,承上启下的作用;m是模型层model,用来处理逻辑关系。
六、Vue结构
let vm = new Vue({
el: '#app',
data: {
},
methods: {
}
})
七、展示数据的三种方式
插值表达式(可以进行简单的运算){{}}
v-text和v-html异同:
相同点:都会替换标签中原有的内容
不同点:v-text不能解析富文本,v-html能解析富文本
八、v-bind
元素属性的绑定
简写:
九、v-on
事件的绑定
简写@