Vue入门-Vue简介

2022-11-24 0 762

一、Vue 简述

在为数众多的词汇名列中,JavaScript 已经十分靠前,它是后端的核心理念C词汇,他们能利用 js 合作开发 GT5516SBB的页面,也能合作开发 app,为了精简 JavaScript 的采用,在其基础上,发展出两个华山派:

真实世界 DOM 操作方式的 jQuery 华山派,例如:bootstrap、layui、easyui 都采用了 jQuery 技术。拟 DOM 操作方式华山派,繁杂的如 angular.js ,单纯的升级换代架构 vue.js。他们以交互式 DOM 操作方式的 vue.js 为例它有以下缺点:它的核心理念库文档多于 jQuery 的 1/3,这十分有助于用作终端端;采用交互式 DOM,多于在必须的时候才去操作方式真实世界 DOM,让显示操控性更快;用统计数据 来驱动力 呈现出,在统计数据和表现命令行 之间 建立一个及早互联互通 地下通道,任另一方的发生改变,另一方也直接发生改变,在地下通道构筑完后,开发人员展开业务方法论处理时,只考虑统计数据,呈现出全然智能化。

1、Vue 究竟是什么

非官方阐释:Vue (读法 /vju:/,近似于 view) 是两套用作构筑界面的”渐进架构”。与其他大型架构不同的是,Vue 被设计为能”自自顶向下逐级应用领域”。Vue 的核心理念库只关注”快照层”,更易上手,易于与服务器端库或譬如项目资源整合。

单纯来说,Vue 是一个用作构筑表大项多样且内容须要根据使用者的操作方式展开修正的页面应用领域的架构。

2、为何要采用Vue

采用 JQuery 也能完成适当的功能啊,为何还要采用 Vue?

jQuery 是采用示例($)挑选出 DOM 第一类,对其展开表达式、值域、事件存取等操作方式,其实和原生植物的 HTML 的差别只是能更方便快捷的挑选出和

$(“lable”).val();它还是倚赖 DOM 原素的值。

Vue 则是透过 Vue 第一类将统计数据和 View 全然分立开去了。对统计数据展开操作方式不再须要提及适当的 DOM 第一类,能说统计数据和 View 是分立的,他们透过 Vue 第一类这个 vm 实现互相的存取。这是传说中的 MVVM。

让他们瞄向 Vue.js 的主要原因是:它能让项目组手写用 js 更容易并且精简了 js。上手 Vue.js 是相当容易的。它的源码有着很高的可读性,如果你须要仅用他的文档便可进阶。你不必采用任何额外的库。如果须要能和 jQuery 协同工作。他有许多的插件,但并非必须。

3、Vue 的采用

html 中,采用 script 标签引入 vue.js 文档:

<script src=“https://cdn.bootcss.com/vue/2.5.15/vue.js”></script>

在 html 标签内添加一个 dom 原素作为 Vue 实例的挂载目标:

<body> <div id=“app” class=“app”> </div> <script src=“https://cdn.bootcss.com/vue/2.5.15/vue.js”></script> </body>

创建 Vue 第一类的实例:

<body> <div id=“app” class=“app”> </div> <script src=“https://cdn.bootcss.com/vue/2.5.15/vue.js”></script> <script type=“text/javascript”> var app = new Vue({ el: #app,//能是 css 示例.例如: #app 或.app data: {} }); </script> </body>

他们已经成功创建了第一个 Vue 应用领域! 现在统计数据 data 和 DOM(id=“app” 的 div) 已经被建立了关联, 所有 东西都是响应式的。 (所谓响应式即是 vue 实现的双向统计数据存取, 接下来会详细介绍)

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务