点击上方“ 逆锋起笔 ”, 公众号回复 PDF 领取大佬们推荐的学习资料 Vue思维导图目录 MVC 与 MVVM 的区别 Vue 基本代码结构 Vue 指令 Vue 组件 class 和 style 动态绑定 computed 计算属性 EventBus filter 过滤器方法 Vue 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。( Vue 有配套的第三方类库,可以整合起来做大型项目的开发) 0.MVC 与MVVM的区别 MVC 是后端的分层开发概念; MVVM 是前端视图层的概念,主要关注于 视图层分离 。 MVVM 把前端的视图层分为了三部分: Model , View , VM ViewModel 1.Vue基本代码结构 const vm = new Vue({ el : '#app' , //所有的挂载元素会被 Vue 生成的 DOM 替换 data:{ // this->window }, methods:{ // this->vm}, //注意,不应该使用箭头函数来定义 method 函数 ,this将不再指向vm实例 props:{} , // 可以是数组或对象类型,用于接收来自父组件的数据 //对象允许配置高级选项,如类型检测、自定义验证和设置默认值 watch:{ // this->vm}, computed:{},