Vue--缩写

来源：互联网发布：航天开盘软件编辑：程序博客网时间：2024/05/17 04:52

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>内置指令</title>    <script src="js/vue.js" ></script></head><body><div id="app">    <div v-bind:title="msg">将鼠标放上去看看</div>    <button v-on:click="test">按钮</button>    <!---        如下两种写法，是上面两种写法的简略写法    -->    <div :title="msg">将鼠标放上去看看</div>    <button @click="test">按钮</button>    <!--        我们使用简略写法有助于代码的编写速度和优雅度，但是不一定就是说简略的一定好        简略的写法会增加我们的项目开发难度：            1、维护性            2、扩展性            3、可读性    ---></div><script>    var app = new Vue({        el : "#app",        data : {            msg : "我要有个女朋友"        },        "methods" : {            "test" : function () {                alert("你点我干啥？");            }        }    });</script></body></html>

阅读全文

0 0