Getting Demo5 Vue Vue examples

Getting Demo5 Vue Vue examples

<!DOCTYPE html>
<html lang="en"> 
    <head> 
        <meta content="text/html; charset=utf-8" /> 
        <title>Vue实例</title> 
        <script src="./vue.js"></script>
    </head> 
    <body> 
       <div id="root">
           <div @click="handleClick">
             {{message}}
           </div>    
       </div>

       <script>
           //vm通常指的就是vue实例 每一个组件就是一个实例,并且实例中将拥有很多方法以及属性
           var vm = new Vue({
               el: '#root',
               data: {
                   message: "hello world",
               },
               methods: {
                handleClick: function(){
                    alert("hello click");
                }
               }
           })
       </script>
    </body> 
</html>
Published 33 original articles · won praise 2 · Views 4711

Guess you like

Origin blog.csdn.net/qq_36778310/article/details/104650662