Vue全面知识点速查

VUE

          • 什么是Vue
          • 如何使用Vue
          • MVVM设计模式
          • 绑定语法: 同模板字符串中的${}
          • 指令(directive)
            • v-bind
            • v-show
            • v-if
            • 高频笔试题(手写) 观察者模式
            • v-for
            • splice
            • :key="i"
            • 绑定HTML片段内容
            • v-html
            • 防止用户短暂看到{{}}
            • v-cloak
            • v-text
            • 事件绑定
            • vue中如何获得事件对象 (vue中如何获得鼠标位置)
            • $event
            • v-once
            • v-pre
            • 双向绑定
            • v-model
          • 监控函数 watch
          • 绑定样式
            • 绑定内联样式
            • 绑定class
          • 自定义指令
          • 计算属性
          • 过滤器
          • axios
          • 组件
          • 组件化开发
            • 定义子组件
            • 组件间传递数据
          • SPA: Single Page Application
          • VUE脚手架
            • 安装生成脚手架代码的工具 vue create
            • 运行 npm run serve
            • 为脚手架添加axios模块
            • 脚手架项目结构
            • 脚手架和SPA应用代码的结构
            • es6模块化开发在脚手架中的应用
            • 用VUE脚手架项目开发
          • 组件的生命周期
          • 总结

什么是Vue
  1. 什么是: 基于MVVM设计模式的渐进式的纯前端js框架
    (1). MVVM?
    (2). 渐进式: 不要求整个项目都用vue做,可以轻松和别的技术混搭,且会多少就可以先用多少!
    (3). 纯前端js框架: 与nodejs无关!单靠浏览器就可运行!
    (4). 框架:
    a. 原生js: 不需要下载,浏览器就自带的ES+DOM+BOM
    1). 优点: 万能!
    2). 缺点: 繁琐!
    b. jQuery函数库: 基于原生js,重新封装的一批函数的集合。简化了传统DOM每一步操作!
    1). 优点: 简单!
    2). 缺点: 没有简化开发的步骤!依然包含大量重复的编码!
    c. 框架: 已经包含核心功能的半成品项目!
    1). 优点: 根本上简化了开发流程,几乎避免了重复编码
    2). 缺点: 需要转变观念,和做事方法!很难适应!
  2. 为什么: 便于大项目的开发,避免重复代码,提高开发效率
  3. 何时: 凡是以数据为主(增删改查)的项目,都可用vue开发!
如何使用Vue
  1. 下载:
    (1). 下载vue.js文件,引入普通网页中使用:

你可能感兴趣的:(Vue,Angular,React)