created
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
[[Vue]]
&color(red){※前提条件：本文基于 Vue 2.0 创作};
#contents
* 概要 [#e59c67bb]
实例已经创建完成之后被调用，在这一步，实例已完成以下配置：
数据观测、属性和方法的运算，watch/event事件回调，完成了da...
这是一个常用的生命周期，因为你可以调用methods中的方法，改...
* 画面里面的子组件，每次加载都想触发子组件的 created 方法...
key 属性不是给开发人员用的，而是用来 给vue 元素渲染的时候...
根据这个原理我们可以给key 直接绑定一个 时间戳
** 父组件 [#fde38669]
#codeprettify{{
<template>
<div>
<div>
<h1>父级</h1>
<button @click="handleLoad">点击重新加载子级<...
</div>
<children :key="timer"></children>
</div>
</template>
<script>
import children from '@/components/parent/children'
export default {
name: 'parent',
components: { children },
data () {
return {
timer: ''
}
},
methods: {
handleLoad () {
this.timer = new Date().getTime()
}
}
}
</script>
}}
** 子组件 [#v2077a34]
#codeprettify{{
<template>
<div>
子级
</div>
</template>
<script>
export default {
name: 'children',
data () {
return {}
},
created () {
console.log('重新加载啦')
}
}
</script>
}}
* 注意 [#l3baf237]
** [Vue warn]: Error in created hook: "TypeError: handler...
这个是因为调用中生命周期钩子函数引起来的错误
请检查 created 里面，是否有未定义方法、或者是 created 里...
#hr();
コメント：
#comment_kcaptcha
終了行:
[[Vue]]
&color(red){※前提条件：本文基于 Vue 2.0 创作};
#contents
* 概要 [#e59c67bb]
实例已经创建完成之后被调用，在这一步，实例已完成以下配置：
数据观测、属性和方法的运算，watch/event事件回调，完成了da...
这是一个常用的生命周期，因为你可以调用methods中的方法，改...
* 画面里面的子组件，每次加载都想触发子组件的 created 方法...
key 属性不是给开发人员用的，而是用来 给vue 元素渲染的时候...
根据这个原理我们可以给key 直接绑定一个 时间戳
** 父组件 [#fde38669]
#codeprettify{{
<template>
<div>
<div>
<h1>父级</h1>
<button @click="handleLoad">点击重新加载子级<...
</div>
<children :key="timer"></children>
</div>
</template>
<script>
import children from '@/components/parent/children'
export default {
name: 'parent',
components: { children },
data () {
return {
timer: ''
}
},
methods: {
handleLoad () {
this.timer = new Date().getTime()
}
}
}
</script>
}}
** 子组件 [#v2077a34]
#codeprettify{{
<template>
<div>
子级
</div>
</template>
<script>
export default {
name: 'children',
data () {
return {}
},
created () {
console.log('重新加载啦')
}
}
</script>
}}
* 注意 [#l3baf237]
** [Vue warn]: Error in created hook: "TypeError: handler...
这个是因为调用中生命周期钩子函数引起来的错误
请检查 created 里面，是否有未定义方法、或者是 created 里...
#hr();
コメント：
#comment_kcaptcha
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
