# js定義對象的方法
###### tags: `Java Web-vue`

### 一般js的對象定義方法

//定义js对象方式一：
        /*
        var person = new Object();
        person.pid = "p001";
        person.pname="jim";
        person.sayHello = function(){
            alert("HELLO world");
        }
        */
        //定义js对象方式二：
        var person = {
            //定義屬性
            "pid":"p001",
            "pname":"jim",
            //定義方法
            "sayHello":function(){
                alert("HELLO world");
            }
        };

### vue定義方法

        window.onload=function(){
            var vue = new Vue({
                //"el":element
                "el":#div0,
                data:{
                    msg:"hello world!"
                }
            });
        }

### js應用

    //<div id="div0">與上方的"el":#div0綁定
    <div id="div0">
        //{{msg}}和"el":#div0的msg綁定
        <span>{{msg}}</span>
    </div>