Vue简述

一、 Vue概述

Vue：渐进式 JavaScript 框架

官网：https://cn.vuejs.org/v2/guide/

声明式渲染 → 组件系统 → 客户端路由 → 集中式状态管理 → 项目构建

• 易用：熟悉 HTML 、 CSS 、 JavaScript 知识后，可快速上手 Vue
• 灵活：在一个库和一套完整框架之间自如伸缩
• 高效： 20kB 运行大小，超快虚拟 DOM

二、基本使用

传统开发模式对比

原生js：

<div id="msg"></div>

<script type="text/javascript"> 
	var msg = 'Hello Word';
	var div = document.getElementById('msg');
	div.innerHTML = msg;
</script>

jQuery:

<div id="msg"></div>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" > 
	var msg = 'Hello';
	$('#msg').html(msg);