一、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>

 

　　

 

posted @ 2022-03-28 10:47  搬砖工具人  阅读(96)  评论(0)    收藏  举报