vue里面的el只能绑定id吗_vue实例之el

一 概念

实例：el

```html

new Vue({

el: '#app'

})

```

- 数据：data

```html

{{ msg2 }}

new Vue({

el: '#app',

data: {

msg1: '段落1',

msg2: '段落2'

}

})

```

二 代码示范

vue实例

p {

width: 200px;

height: 200px;

background-color: red;

}

你是P

你就是P

你还是P

// 自身代码块

// 创建vue实例

new Vue({

// 将实例与页面结构进行关联, 尽量(只允许)用id进行绑定(将唯一的对象与页面唯一的结构进行一一绑定)

// 该实例只操作关联的页面结构(包含子结构)

// el: "#app"

el: '.app',

data: {

title: "你就是P..."

}

});

// 将一个vue实例挂载到页面的一个页面结构

new Vue({

// 挂载点

el: "#main",

data: {

my_title: ""

}

})