谷粒商城day23-Vue基本语法与插件安装

 1.基本语法，实现一个双向绑定 与事件的绑定

<!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！ {{num}}人为我点赞</h1>
            <input type = 'text' @click='func' v-model='num'>
            <button @click="num++" >点赞</button>
        </div>
       
        <script src="../node_modules/vue/dist/vue.js"></script>

        <script>
            let ap = new Vue({
                el:"#app",//绑定元素
                data:{//封装数据
                    name:'李白',
                    num:1
                },
                methods:{//封装方法
                    func(){
                        num++;
                    }
                }
            })
        </script>
</body>
</html>

2.插件安装

vs插件

chrome插件