---
# System prepended metadata

title: js定義對象的方法
tags: [Java Web-vue]

---

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

### 一般js的對象定義方法
```javascript=
//定义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定義方法
```javascript=
        window.onload=function(){
            var vue = new Vue({
                //"el":element
                "el":#div0,
                data:{
                    msg:"hello world!"
                }
            });
        }
```

### js應用
```javascript=
    //<div id="div0">與上方的"el":#div0綁定
    <div id="div0">
        //{{msg}}和"el":#div0的msg綁定
        <span>{{msg}}</span>
    </div>
```
![](https://i.imgur.com/UyGuPcB.png)
