Vue认知基础认知


Vue认知基础认知

这篇总结主要介绍Vue认知基础认知

1.学习vue最好的方式:看官网

vue3官网https://cn.vuejs.org/
vue2官网https://v2.cn.vuejs.org/
vue风格指南(代码规范)https://v2.cn.vuejs.org/v2/style-guide/

2.vue是什么

一套用于构建用户页面的 渐进式框架
作用:构建用户页面。 把数据 渲染到 页面上
特点: 渐进式。 一开始不需要使用所有的功能,只需要导入vue核心功能,随着开发的深入逐步的导入对应的功能。
框架与库的区别
库 : 一个文件中封装了很多的函数
框架 : 多个库的组合 ( 框架功能更加的强大, 但是有更多的限制)

3.vue特点

1.渐进式
2.数据 驱动 : 数据是响应式的, 一旦数据改变了,页面会自动更新,而无需DOM操作
3.MVVM设计模式
M:Model数据
V: View视图
VM: vue实例
MVVM模式通过数据双向绑定,当视图变化数据会更新,数据变化了视图也会更新,而无需DOM操作

观察发现
1.data中所有的属性,最后都出现在了Vue实例身上
2.vm身上所有的属性及vue原型上的所有属性,在vue模板中都可以直接使用

4.一条重要的内置关系

在你写项目的过程中,只有是new Vue才是vue实例,且只有main.js中存在一个vue实例,其余的都是组件实例,但是组件实例不等于vue实例,那它是如何使用vue身上的方法的呢?

vue开发人员在底层将组件原型对象指向了vue原型对象,因此就能够使用了


文章作者: 冷杨威
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 冷杨威 !
  目录
-->