1.1 指定视图

1.1 指定视图

1.1.1视图如何构建？

第一步是构建一个视图(包含结构、样式、动态绑定的数据等)；第二步是放在页面指定的容器中渲染！

图示：

1.1.2在Vue中如何指定视图？

有4种方式

// @1 基于 el 配置项指定
      let vm = new Vue({
         el: '#app' //还可以指定一个DOM元素
      });
//如果指定了el配置项，默认会把el所对应内部的元素等做为要构建的视图，把构建好的视图放在el指定的容器中渲染！(el绑定的是html代码)

  // @2 基于 template 配置项指定
      let vm = new Vue({
          ...
          template: `<div>
            {{msg}}
          </div>`
      });
 //template是创建的视图，但是我们还需要把创建的视图基于vm.$mount('#app')或者el，放在页面的某个容器中渲染！「在后期工程化项目中，我们基本上不会使用template」

   //@3 基于 vm.$mount 指定，等同于设置el的效果！！
   let vm = new Vue({
      vm.$mount('#app')
      });
      
  // @4 基于 render 配置项指定「基于jsx语法构建视图」