1.介绍vue
·是一套用于构建用户界面的渐进式框架
a.由js封装的框架
b.渐进式=>搭积木=>想要什么功能自己添加,方便
c.快速创建单页面应用=>写页面
·轻量级框架=>核心代码总共100kb
·组件化,项目清晰,便于维护,可复用
a.组件化--有自己的html、css、js代码
b.可复用--可以重复使用
·数据驱动页面 (data数据)
·内部由diff算法
a.diff算法:比较新旧(虚拟dom)节点,相同保留,不同去除然后重新创建。`原生JS是将原来的内容覆盖,会更消耗性能`
b.内部优化性能
c.vue内部diff就不会进行覆盖
2.关于学习vue的内容
vue2、vue-router、vuex、vue-cli、vue3、vite、pinia
vue2:是学习vue的基础内容,学通了vue2整个vue学起来就轻松多啦
vue-router:关于路由的学习
vuex: 存储数据
vue-cli:快速创建工程目录的工具
vue3:vue2的进阶,和vue2有些许差异,比vue2轻量便捷
vite:也是快速创建工程目录的工具,比vue-cli更方便好用
pinia:vuex的代替品,存储数据
3.学习vue要掌握哪些js内容呢?
- es6的使用
- promise、async、await与ajax请求
- npm和yarn包管理器(二选一)
- node的服务器应用基础知识
- 数组、字符串、对象api;高级数组map、foreach
- class原型链与基础认识
- 引用类型与基础类型的栈区和堆区的认识
4.关于vue文档的使用
- 教程=>学习入口
- API=>字典
- 风格指南=>写代码规范(教你怎么写出有逼格的代码)
- 示例=>vue的案例
- Cookbook=>js vue使用技巧(教你怎么写出有逼格的代码)
- devtools=>查看vue数据工具
- vue-cli=>快速创建工程目录的工具
- awesome-vue=>查看vue的有哪些插件=>vue推荐使用的