我要评论1.钩子函数
钩子函数是windows消息处理机制的一部分，通过设置“钩子”，应用程序可以在系统级对所有消息、事件进行过滤，访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序，通过系统调用，把它挂入系统。（百度百科）
2.相对于前端来讲
对于前端来说，钩子函数就是指再所有函数执行前，我先执行了的函数，即 钩住 我感兴趣的函数，只要它执行，我就先执行。
3.vue中的mounted
在这发起后端请求，拿回数据，配合路由钩子做一些事情
类型：function
详细：
el被新创建的 vm.el替换，并挂载到实例上去之后调用该钩子。如果root实例挂载了一个文档内元素，当mounted被调用时vm.el替换，并挂载到实例上去之后调用该钩子。如果root实例挂载了一个文档内元素，当mounted被调用时vm.el 也在文档内
该钩子在服务器端渲染期间不被调用。
4.代码实例
new vue({
el: '#app',
data: {
totalmoney: 0,
productlist: []
},
filters: {
},
mounted: function() {
//这个是钩子函数
//如果cartview函数要执行，必须先执行钩子函数
//这个钩子函数完成了对cratview函数的调用
//应该注意的是，使用mounted 并不能保证钩子函数中的 this.$el 在 document 中。为此还应该引入 vue.nexttick/vm.$nexttick
this.$nexttick(function () {
this.cartview()
})
})
},
methods: {
//这个是要执行的函数
cartview: function() {
var _this = this;
this.$http.get("data/cartdata.json", {"id": 123}).then(function(res) {
_this.productlist = res.body.result.list;
_this.totalmoney = res.body.result.totalmoney;
});
}
}
}
});
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论