Vue ----全局 API

目录

每个 Vue 实例在被创建时都会经历一系列的初始化过程。这个过程中会运行一些叫做声明周期钩子的函数。

生命周期图示

下图展示了实例的生命周期。

Vue一共有10个生命周期函数，我们可以利用这些函数在vue的每个阶段都进行操作数据或者改变内容。上面的图很清楚的展示了一个 Vue 实例从创建倒挂载，再从更新到销毁的一个全过程。这些也是我们在操作 Vue 实例时要用到的回调函数。

Template 制作模板

1. 直接写在选项里面的模板
   直接在构造器里面构造 Vue 实例，写法会比较直观，但是不推荐。

   var app =new Vue({
       el:'#app',
       data:{
           message:'hello vue'
       },
       templete:'<h1>我是选项模板</h1>'
   })

2. 写在 template 标签里的模板
   这种写法更像是在写HTML代码，就算不会写Vue的人，也可以制作页面，也是我们常用的写法。

   <template id="demo">
       <div>
           <h2>我是template标签模板</h2>
       </div>
   </template>
   <script type="text/jacascript">
       var app = new Vue({
           el:'#app',
           data:{
               message:'hello vue'
           },
           template:'#demo'
       })
   </script>

   这里说一下，template 标签下只能有一个子元素标签，所以如果要写很多元素标签的话，首先要写一个标签把其他的元素标签包裹起来。

还有第三种构建方法，就是写在 <script> 标签里的模板，这里不做介绍了，感兴趣可以自己搜一下，用到的不多。

vue 组件

关于这个内容我会单独拿出来，可以看一下我的博客文章分类中 vue 中的第一节和第二节，会详细介绍 vue 组件的注册及构建方法。