vue组件钩子函数

render

513104359

发布于
2017-07-06

子组件开始隐藏，父组件有一个按钮点击显示子组件(通过v-if来切换)，传一个id到子组件，子组件通过id发请求，请求在哪个钩子函数里面发呢

vue.js

阅读 6.7k

3 个回答

得票最新

lokialone

863

发布于
2017-07-06

✓ 已被采纳

watch，在子组件监听id值的变化，来执行函数

luckness

6.2k2216

发布于
2017-07-06

更新于
2017-07-06

Vue2.0的话在mounted钩子函数中调用。
Vue1.0的话在ready钩子函数中调用。
测试代码如下：

<body>
    <div id="box">
         <button @click="click">click</button>
         <hello v-if="show"></hello>
    </div>
    <script>
    var hello = Vue.extend({
        template: '<div style="background:red;">hello</div>',
        mounted() {
            console.log("mounted")
        }
    });
    new Vue({
        el:'#box',
        components: {
            hello
        },
        data() {
            return {
                show: false
            }
        },
        methods:{
            click:function(num){
                this.show = !this.show;
            }
        }
    })
    </script>
</body>

效果截图如下：
没点击的时候没有log，也没有dom