Vue学习(1)---Vue介绍

Vue是什么

官方定义:Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动

我看不懂

以我初步使用的程度来看,Vue是一个纯前端的框架(?什么是纯前端框架？不知道 但好像就是这么一回事), 也正如定义中所说 Vue的核心库只关心图层 具体来说 Vue只负责了渲染这一功能(?啥是渲染? 暂且认为就是把网页上的内容显示出来)

为什么使用Vue

存在即合理 虽然我只接触过一点jsp(可以在jsp中写java代码)在网页中输出文本以及js接收后端数据并拼接dom节点的例子

但不得不说 拼接节点 在我看来真让人头大

Vue可以帮我们渲染数据 使我们不需要再拼接html字符串

如何使用Vue

1. 利用CDN(内容分发网络)引入 script文件

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>

1. 下载文件 script引入

一个简单的Vue例子

<div id="app">
{{message}}
</div>

<script type="text/javascript">
	var app=new Vue({
		el:'#app',
		data:{
			message:'helloworld!'
		}
	})
</script>

那Vue是如何帮助我们减少html字符串拼接操作的呢？

Vue是响应式的(?什么是响应式? 可以先再控制台中改变上面 data中message的值 我们会发现 div标签的中的文本也发生了改变) 这样 当我们接收后台数据 并修改data中的数据时, 页面上的数据也会发生改变