• Vue快速入门二:Vue绑定事件、Vue中的this指向、增加class选择器、动态创建标签


    Vue定义点击事件:

    1. <div id="box">
    2. <button @click="handleChange()">changebutton>
    3. div>
    4. <script>
    5. var vm = new Vue({
    6. el:"#box",
    7. //定义方法
    8. methods:{
    9. //handleChange:function(){}
    10. //简写法:
    11. handleChange(){
    12. console.log("handleChange")
    13. }
    14. }
    15. })
    16. script>
    • “@click”等号后面是自己写的一个名字,但是它是一个真正的方法,下面要在vue的methods中定义这个方法;

    Vue中的this指向:

    • Vue中的this指的就是创建的Vue实例;
    • 所以可以这样写:
    1. <div id="box">
    2. {
    3. {myname}}
    4. div>