Vue基础

Vue基础

目录

• Vue基础
  • • 渐进式 JavaScript 框架*
  • 一、走进Vue
    • • 1、what -- 什么是Vue
      • 2、why -- 为什么要学习Vue
      • 3、special -- 特点
      • 4、how -- 如何使用Vue

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>