<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue生命周期钩子</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
{
{message}}
<com @click="onClick"></com>
</div>
<script>
Vue.component("com", {
template: "<div></div>",
beforeCreate() {
this.$emit("click", "emit click");
}
});
// vue实例运行过程中,某一个特定流程点需要执行的回调函数
var app = new Vue({
el: "#app",
data: {
message: "hello world"
},
methods: {
onClick(e) {
console.log(e);
}
},
beforeCreate() {
/**
* 此时还没有data,组件也没挂载完成,不可以使用。
* 此阶段router已经存在,可以处理路由传参信息
* 此阶事件已经初始化完成,可以发送事件 $emit $on
*/
console.log("beforeCreate")
Vue生命周期钩子
最新推荐文章于 2022-02-17 09:48:45 发布