前端框架之Vue(①.挂载点el与数据data)

1.首先引入 vue.js

2.为div 创建id名 或 class类名 ,给自定义单词加双中括号{{ 自定义的单词 }}

3.再写一对 script 标签,在里面写  var app=new Vue({  })

4.el:"app",是挂载点,可以挂载 id名 ,class类名 ,标签名;data 后面跟需要改变的数据值

5.上代码

<div id="app">
   {{ message }}
</div>

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
    var app = new Vue({
       el: "#app",
       data: {
           message: "Hello Vue!",
       }
    })
    </script>

6.运行结果就是 Hello Vue!