Vue的挂载以及data数据

目录

1.Vue的挂载方式

2.挂载方式：

1.el挂载

2. $mount 手动挂载

2.data的数据两种写法

      1. 对象式

      2. 函数式

---

1.Vue的挂载方式

首先我们要知道，当你new出一个Vue的时候，肯定是要在vue实例中去给某个指定容器做某些事的，那么我们如何判断给哪个容器做事呢？

这时候就要用到挂载，实现容器绑定：

<div id="app">
      <h1>我是谁？{
  {msg}}</h1>
    </div>
    <script>
        /* new一个Vue的实例 */
        new Vue({
            el:"#app",
            data:{
                msg:"妙蛙种子"
            }
        })

上面的代码我们可以看出，el中是直接挂载到了含有id=app的div上，那么这时候Vue的这个实例将为这个div工作。

2.挂载方式：

1.el挂载

都是将vue实例化的对象挂载到DOM元素上；

指定el，在模板渲染的时候会将对象渲染到模板中

<div id="app">
      <h1>我