vue框架

前端发展历史

# 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看
    -ECMAScript 6 ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准
    -ES13--->标准
    -js=ecma+bom+dom
    -sass，typescript。。。
# 2 Ajax(异步JavaScript和XML)的出现 -> 后台发送异步请求，Render+Ajax混合
    -$.ajax
    -XMLHttpRequest  原生ajax
# 3 单用Ajax（加载数据，DOM渲染页面）：前后端分离的雏形
# 4 Angular框架的出现（1个JS框架）：出现了“前端工程化”的概念（前端也是1个工程、1个项目）
# 5 React、Vue框架：当下最火的2个前端框架（Vue：国人喜欢用，React：外国人喜欢用）
# 6 移动开发（Android+IOS） + Web（Web+微信小程序+支付宝小程序） + 桌面开发（Windows桌面）：前端 -> 大前端
# 7 一套代码在各个平台运行（大前端）：谷歌Flutter（Dart语言：和Java很像）可以运行在IOS、Android、PC端
    -前端用flutter后端用python写好不好
# 8 在Vue框架的基础性上 uni-app：一套编码 编到10个平台
# 9 在不久的将来 ，前端框架可能会一统天下

vue介绍

# Vue 
    -(读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架
# Vue  
    - js的框架 
# M-V-VM 架构思想               MVC    MTV   MVVC   MVP移动端架构
    -M：Model 数据层   js的数据
    -V：View  视图层   html，css
    -VM：ViewModel vue做出来的介于M和V之间的一层，以后不需要手动进行dom操作了
    ----作用：以后页面变，js变量就变，js变量变，页面就变
        
 # 组件化开发、单页面开发
    -组件化开发，以后都是写出一个个组件，组件的组合成页面
    -单页面开发（单页面应用）：spa：single-page application，一个HTML页面    
    
 # 版本
    1.X：使用得较少
    2.X：普遍使用（蛮多）
    3.X：出了很久了，公司里新项目会选择
        -语法有差距，但是vue3完全兼容vue2
        -你可以在vue3上写vue2，但是官方不建议了  

vue使用

# 4 第一个vue---》渐进式框架
    -把vue2源码，下载到本地----》js代码
    -html中引入，写vue语法
    -new Vue({
        el:'#app',
        data:{
            name:'lqz'
        }
    })