Vue基础

渐进式 JavaScript 框架

通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目

				

					
				
				

					
				
				

					
				
				

					
				
			

一、走进Vue

1、what — 什么是Vue

可以独立完成前后端分离式web项目的JavaScript框架

				

					
				
				

					
				
				

					
				
				

					
				
			

2、why — 为什么要学习Vue

三大主流框架之一：Angular React Vue
先进的前端设计模式：MVVM
可以完全脱离服务器端，以前端代码复用的方式渲染整个页面：组件化开发

				

					
				
				

					
				
				

					
				
				

					
				
			

3、special — 特点

单页面web应用
数据驱动
数据的双向绑定
虚拟DOM

				

					
				
				

					
				
				

					
				
				

					
				
			

4、how — 如何使用Vue

• 开发版本：vue.js
• 生产版本：vue.min.js

<div id="app">
    {{ }}
</div>
<script src="js/vue.min.js"></script>
<script>
    new Vue({
        el: '#app'
    })
</script>