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原型对象,因此就能够使用了