vue 黄埔 01-13

Vue.prototype  详解

如果需要设置全局变量，在main.js中，Vue实例化的代码里添加，在原型链上定义他们使其在每个vue的实例中可用

 

$refs的用法作用详解

使用了ref绑定之后，我们就不需要再获取dom节点了，可以直接在上面的input上绑定input1，然后$refs里面调用就行，

在JavaScript里面通过this.$refs.input1去调用，这样的做法实际上是访问VUE虚拟出来的DOM，可以有效减少获取/操作DOM节点的性能消耗

例子：

HTML：

<div id="app">
  <input type="text" ref="input1" />
  <button @click="add">添加</button>
</div>
JavaScript：

new Vue({
el: "#app",
methods:{
add:function(){
this.$refs.input1.value = "test"; // 有效减少获取dom节点的性能消耗
}
}
})

 

 

Angularjs  $http  数据请求

Vue 要实现异步加载需要使用到vue-resource

this.$http.get('请求地址',{变量名: 数据})

 导航守卫

 是路由上直接操作的钩子函数，全局导航的特点是所有路由配置的组件都会触发，触发路由就会触发钩子函数