2. 第一个Vue入门程序

2. 第一个Vue入门程序

第一步：下载vue插件

第二步：创建html 并且引入

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>

第三步：编写基础的vue程序

<!--View层 模板-->
<div id="app">
    <!-- 使用插值表达式取值 -->
    {{message}}
</div>

<script>
    //创建一个vue对象
    new Vue({
        el: "#app",
        //定义页面显示的模型数据
        data:{
            message: "hello Vue!"
        }    
    })
</script>