后端程序员的 VUE 超简单入门笔记( 二 ) _VUE

{{msg}}
在代码的 created 和 mounted 两处放入了 debugger 命令，打开 F12 的调试窗口时，当执行到 debugger 位置处时，会自动触发断点从而断下，首先断在 created 方法中，如下图：

文章插图

从上图可以看出，此时的插值表达式并没有进行实际的替换，按 F8 让页面继续渲染，会断在 mounted 方法中，如下图：

文章插图

此时可以看到，插值表达式已经变成了 hello 。这样可以清楚的看到不同的生命周期会触发不同的方法。
八、axIOS 和 vue-resource 库
axios 是基于 Promise 的 Ajax 的库，在 Vue 中有一个 vue-resource 库用于实现异步加载的库。在 Vue.js 2.0 中推荐使用 axios 来完成 Ajax 的请求。这里给出演示的代码，代码如下：
{{index + 1}} {{user.name}} {{user.age}} {{index + 1}} {{it.name}} {{it.age}}
上面的代码中，同时演示了 axios 和 vue-resource 两个库。代码中直接请求了两个 json 文件，并没有去进行实际的接口请求。
九、总结
Vue 的内容不只有这么些，具体可以参考 Vue 的官网（https://cn.vuejs.org/v2/guide/）进行学习和了解。这里只是列出了可能使用较为频繁的部分。不对之初请予指正。

【后端程序员的 VUE 超简单入门笔记】