所在的位置: html >> html资源 >> Vue基本原理及结构

Vue基本原理及结构

微信客服求职招聘微信群 http://www.ommoo.com/news/20210927/115874.html

Vue是一个渐进式的JavaScript框架,为什么叫渐进式?

1.Vue有一个核心库,核心库很小,能实现基本的功能

(但在项目开发中实现功能是远远不够的)

2.插件vue可以通过安装插件的方式来实现各种功能

例:路由功能(vue-router);状态管理(vuex);

Vue有什么特点呢?

Vue最早发布于年左右

作者:尤雨溪(一位华裔前Google工程师)

Vue的特点:

遵循MVVM模式

编码简洁,体积小,运行效率高,适合移动/PC端开发

可以轻松引入vue插件或其它第三库开发项目

组件化编码

Vue基本原理(MVVM)

结构:

1.视图层(View)

2.数据视图(ViewModel)

3.数据层(Model)

工作原理:

1.修改View层,Model对应数据发生变化。

2.Model数据变化,直接更新View。

Vue项目结构

.Vue文件基本结构

一个vue页面通常由三部分组成:

模板(template)、js(script)、样式(style)

模板(template):

界面展示的Html代码都在这里编写

JS(script):

js代码包括一些方法,数据都在这里实现

样式(style):

实现界面布局样式的代码都在这里编写




转载请注明:http://www.aierlanlan.com/rzgz/4781.html