Vue.js的简单了解

Vue.js是一个用于构建用户界面的渐进式框架,强调声明式渲染和高效的DOM更新策略。相比传统JS,Vue优化了页面局部刷新,提高性能和用户体验。安装方式包括直接下载或使用CDN。Vue的核心特点是数据驱动和组件化。
摘要由CSDN通过智能技术生成

Vue.js基础介绍

1.Vue.js 是什么

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。
在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。
Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统,只关注视图层,易于上手。所有东西都是响应式的。

2.vue相比传统js的开发优势

在传统开发中,用原生的 JavaScript DOM 操作函数对 DOM 进行频繁操作的时候,浏览器要不停的渲染新的 DOM 树,导致页面看起来非常卡顿。
vue 是单页面应用,使页面局部刷新,不用每次跳转页面都要请
求所有数据和 DOM ,这样大大加快了访问速度和提升用户体验。

3.Vue.js的安装

开发版本:
包含完整的警告和调试模式:https://cn.vuejs.org/js/vue
删除了警告, 30.96KB min+gzip:https://cn.vuejs.org/js/vue.min.js
CDN:
对于制作原型或学习,你可以这样使用最新版本:
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
对于生产环境,我们推荐链接到一个明确的版本号和构建文件,以避免新版本造成的不可预期的破坏:script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>

M 是 Model 的简写,负责数据,在前端其表现形式就是一个js对象,一般称之为模型变量(数据)
V 是 View 的简写,负责数据的展示和收集,在前端的表现形式就是一个 DOM 区域。
VM 是 ViewModel 的简写,负责业务逻辑,在前端的表现形式就是当前的产品本身的一个实例对象,它以数据驱动作为指导思想,通过双向数据绑定进行数据的操作。

4. 总结

简单了解Vue.js,详细了解可以进入官网了解 。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值