vue.js 学习

实例化 Vue 对象 通过构造函数 Vue（）创建一个 Vue 的根实例，

每一个 new Vue（）都是一个 Vue 构造函数实例

var vm = new Vue({
 //（选项）这里编写我的代码。
}) 

Vue 构造器要求实例化时需传入选项对象

选项对象包括：

1. 挂载元素（el）
2. 数据（data）
3. 方法（methods）
4. 模板（tamplate）

生命周期钩子函数等选项

created是vue生命周期开始，初始化数据之后，创建完毕执行的函数

mounted是el被新创建的app.$el所替代后，并挂载到实例上去之后，执行的函数

updated是数据更新后调用，相对应的beforeUpdate,是启用数据更新，在数据更新前调用

destroyed是vue实例销毁后调用，beforeDestroy是实例销毁前调用，此时实例依旧可以使用。

MVVM是一种基于前端开发的架构模式 其核心是提供对 View 和 ViewModel 的双向数据绑定 ViewModel 负责连接 View 和 Model，保证视图和数据的一致性

---

Vue 支持动态渲染文本，以 {{ }}形式插入，输出纯文本。

如果要解析为 HTML，需要使用 v-html 指令

  <div id="app">
  <div v-html="message"></div>
  </div>
  <script>
        new Vue({
                el: '#app',
                 data: {
                 message: '用户名<input type="text" value="中文名"/> '+'密码<input type="password"/>'
                 }
       })
 </script>

使用 v-model 绑定文本框

使用 Vue 中 v-on:click 来绑定事件，缩写形式@click

 用 v-bind，实现超链接跳转

<!—完整语法--> 
<a v-bind:href="url"></a> 
<!—缩写--> 
<a:href="url"></a>