1.安装 Vue.js 插件 使用 Vue.use()全局API ,需要先引入;Vue官网 ==>API中或者教程-插件中可以找到相关内容
2.添加实例属性
你可能会在很多组件里用到数据/实用工具,但是不想污染全局作用域。这种情况下,你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。
比如你打算替换已经废弃的 Vue Resource 库。你实在是很喜欢通过 this.$http
来访问请求方法,希望换成 axios 以后还能继续这样用。
你需要做的事情是把 axios 引入你的项目:
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.15.2/axios.js"></script>
<div id="app">
<ul>
<li v-for="user in users">{{ user.name }}</li>
</ul>
</div>
设置 Vue.prototype.$http
为 axios
的别名:
Vue.prototype.$http = axios
然后你就可以在任何 Vue 实例中使用类似 this.$http.get
的方法: