为了账号安全,请及时绑定邮箱和手机立即绑定

为什么先定义new Vue再声明todo-item组件会失效

new Vue({

el: '#root',

data: {

inputValue : '2',

list: []

},

methods: {

handleSubmit: function(){

this.list.push(this.inputValue);

this.inputValue = ''

}

}

})

Vue.component('todo-item', {

template: '<li>item</li>'

})

el: '#root',

data: {

inputValue : '2',

list: []

},

methods: {

handleSubmit: function(){

this.list.push(this.inputValue);

this.inputValue = ''

}

}

});


正在回答

2 回答

代码执行顺序

0 回复 有任何疑惑可以回复我~

因为你的顺序反了,你的组件都没定义就先创建了一个Vue实例,那这个组件其实是没有生效的。类似于你DOM都还没生成就调用了操作DOM的方法

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么先定义new Vue再声明todo-item组件会失效

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信