hellovuejs 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/vue.js"></script>
</head>
<body>
    <div id="app">
        <h1>{{message}}</h1>
        <h2>{{name}}</h2>
    </div>
    <div>
        {{message}}
        <!-- 此时是没有挂在,div直接进行显示即可 -->
    </div>
   <!-- <script src="../js/vue.js"></script> -->
   <script>
       //编程范式：声明式
       let app=new Vue({
          el:'#app',//用于挂载app，实现div对app的管理
          data:{//定义数据
            message:'你好啊，李应和！',
            name:'codewhy'

          }
       })
    </script>
</body>
</html>

运行结果展示：

 

posted @ 2022-02-13 20:19  starter123  阅读(16)  评论(0)    收藏  举报