谷粒商城day22-Vue介绍与helloworld

1.介绍

2.编写之前安装VUE

执行 npm init -y

        npm install vue

3.编写helloworld

 ！+ shift键 生成模板

引入vue.js

编写代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>
<body >
        <div id = "app">
            <h1>我是{{name}} ,hello world！</h1>
        </div>
       
        <script src="../node_modules/vue/dist/vue.js"></script>

        <script>
            let ap = new Vue({
                el:"#app",
                data:{
                    name:'李白'
                }
            })
        </script>
</body>
</html>