一、Vue简介

官方定义：

　　渐进式“JavaScript”框架意味着vue是一个框架 javascript框架 js开发

　　渐进式：

　　　　a、易用 vue.js上手非常快

　　　　b、灵活 vue 生态系统强大 vue基础核心 vue基础组件 vue router vue cli vuex。。。

　　　　c、高效 vue体积小 20kb 超快虚拟dom vue底层深度优化

通俗定义：vue的出现可以使得我们在页面中完成特别复杂的操作，简化dom编程，可以简化dom编程甚至可以不写任何dom编程代码

　　　　　vue内置双向绑定机制 MVVM机制架构 =====》前后端分离基础

html+js ======》 html+js+jQuery ======》vue（前后端分离）=====》前端系统 +json +后台系统

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="app">
            <h2>{{message}}</h1>
            <h2>{{name}}</h1>
        </div>
 
 
        <script src="../Js/vue.min.js"></script>
        <script>
            //let(变量)  const（常量）
            //编程范式：声明式编程
            const vue = new Vue({
                el:'#app', //用于挂载要管理的元素
                data:{ //定义数据
                    message:'你好,李银河',
                    name:'coderwhy'
                }
            })
 
            //元素js的做法（编程范式：命令式编程）
            //1.创建div元素，设置id属性
            //2.定义一个变量叫message
            //3.将message变量放在前面的div元素中显示
             
            //4.修改message数据
            //5.将修改后的数据再次替换到div元素中
        </script>
    </body>
</html>