export default换成 new vue怎么不显示
<script >
export default{
data: function(){
return {
message:'this is a todo list'
}
}
}
</script>
这样的显示
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
</script>
改成这样就不显示了
哲学的海胆
2018-07-19
3 回答
我的理解是在main.js当中已经有一个new vue了。作为被main.js import的APP.vue ，App.vue当中应当有export default，这样才能在main.js中引入（也就是import）APP.vue当中的内容。
new vue是生成Vue根实例，而export default则是用来导出的。export default相当于提供一个接口给外界，让外界（这里也就是main.js）来引入使用。
在不使用App.vue 文件时，我们是通过 Vue 构造函数（new vue）创建一个 Vue 根实例来启动vuejs 项目，Vue 构造函数接受一个对象，这个对象有一些配置属性 el, data, component, template 等，从而对整个应用提供支持。
而现在我们的vue项目建好之后，有.vue也有.js，此时，在App.vue文件中，export default 后面的对象就相当于 new Vue() 构造函数中的接受的对象。
我的理解是不能直接在APP.vue当中将export default直接改为new vue
举报
0/150
提交
取消
