vue.js特性是什么?


本文摘自PHP中文网,作者青灯夜游,侵删。

Vue.js特性:1、MVVM模式;2、组件化,可以扩展HTML元素,封装可重用的代码;3、指令,作用是当其表达式的值改变时相应地将某些行为应用到DOM上;4、双向数据绑定;5、虚拟DOM;6、状态管理。

Vue.js是一套构建用户界面(user interface)的渐进式框架。与其他重量级框架不同的是,Vue 从根本上采用最小成本、渐进增量(incrementally adoptable)的设计。Vue 的核心库只专注于视图层,并且很容易与其他第三方库或现有项目集成。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供有力驱动。

Vue.js特性

1、 MVVM模式

M:model,业务模型,用处:处理数据和提供数据。

V:view,用户界面、用户视图。

业务模型model中的数据发生改变时,用户视图view也随之变化。

用户视图view改变的时候,业务模型model中的数据也可以改变。

2、组件化

组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。

在 Vue 中,父子组件通过 props 传递通信,从父向子单向传递。子组件与父组件通信,通过触发事件通知父组件改变数据。这样就形成了一个基本的父子通信模式。

在开发中组件和 HTML、JavaScript 等有非常紧密的关系时,可以根据实际的需要自定义组件,使开发变得更加便利,可大量减少代码编写量。

组件还支持热重载(hotreload)。当我们做了修改时,不会刷新页面,只是对组件本身进行立刻重载,不会影响整个应用当前的状态。CSS 也支持热重载。

3、指令系统

Vue.js 与页面进行交互,主要就是通过内置指令来完成的,指令的作用是当其表达式的值改变时相应地将某些行为应用到 DOM 上。

4、双向数据绑定

声明式渲染是数据双向绑定的主要体现,同样也是 Vue.js 的核心,它允许采用简洁的模板语法将数据声明式渲染整合进 DOM。

5、虚拟DOM

vue.js 2.0开始支持虚拟DOM(vue.js 1.0是操作真实DOM,而不是虚拟DOM),虚拟DOM也可以提升页面的刷新速度。

6、状态管理

状态管理实际就是一个单向的数据流,State 驱动 View 的渲染,而用户对 View 进行操作产生 Action,使 State 产生变化,从而使 View 重新渲染,形成一个单独的组件。

7、客户端路由

Vue-router 是 Vue.js 官方的路由插件,与 Vue.js 深度集成,用于构建单页面应用。Vue 单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来,传统的页面是通过超链接实现页面的切换和跳转的。

相关推荐:

2020年前端vue面试题大汇总(附答案)

vue教程推荐:2020最新的5个vue.js视频教程精选

更多编程相关知识,请访问:编程入门!!

以上就是vue.js特性是什么?的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

vue.js事件处理教程及代码示例

vue.js全家桶包含哪些

什么是vue.js

vue.js怎么给input添加事件

vue.js中怎么设置输入框的长度

vue.js插件是什么意思

vue.js如何设置时间格式

vue.js怎样配置跨域文件

h5微信支付之引入微信的js-sdk包失败的解决方法

怎样运行别人的vue.js

更多相关阅读请进入《vue.js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...