Vue实例对象、组件、注册

1. Vue实例对象

• Vue()是一个构造函数，用new Vue(构造参数)得到的就是一个实例对象，Vue实例对象是Vue.js中最基本的单元。构造参数是一个对象，构造参数的属性即为参数选项，常见的参数选项有el、data、template、components等。
•  在项目中， 在main.js中通过创建最外层的Vue实例对象来实现根结点、根组件的功能。

参数选项：

• el：即element，表示当前Vue实例对象的装载位置，装载在哪个元素上，也称为挂载点。装载的含义是将template中的内容替换挂载点元素所对应的全部HTML代码。
• template：表示装载的内容，HTML代码、包含其他组件的HTML片段，称为模板。
• data：数据，是一个对象，表示该实例对象会用到的数据，其中的属性和属性值（字段）会被代理到当前实例对象。比如data中有一个属性为fruit，属性值为banana，那么可以在实例对象中直接用属性访问符号（·）来访问。也可以直接在template对应的HTML片段中引用相应字段，比如用{ {变量名}}来实现数据渲染。例：

var my = new Vue({
  el:"#app",
  template: "<div>{
  {fruit}}}</div>",
  data:{
    fruit:"banana"
  }
});
my.fruit;//"banana"

1.1 完整测试代码