一文了解vue基本概念

Vue实例

Vue实例是Vue应用的启动器，对于SPA(Single Page Web Application),只会创建一个Vue根实例。
当我们实例化一个Vue实例时，需要传入选项对象，可包含data(数据相关), template(模板），el(挂载元素), methods(方法)与生命周期钩子函数(created, mounted…)等等，具体可见Vue选项对象。

new Vue({
   
  el: '#app',
  router,
  store,
  render: h => h(App)
})

Vue组件

Vue组件是被扩展的vue实例，同Vue实例类似，初始化时也需要传入Vue选项对象，可包含data(数据相关), template(模板），el(挂载元素), methods(方法)与生命周期钩子函数(created, mounted…)等等，具体可见Vue选项对象。

vue组件包括局部组件和全局组件。
局部组件：局部组件只能在所定义的vue实例中使用，定义如下：

//定义<my-component>组件
new Vue({