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

为什么hello.vue中没有new Vue的实例

有个疑问想请教一下  就是在hello.vue中的<template>中绑定了vue实例中的数据,但为什么没有new Vue的实例啊   而是export一个data函数

正在回答

10 回答

这里我讲的不够细,也跟当时理解得不深有关。一个vue项目制new Vue一次,通常是在main.js里,这次实例化的Vue对象是根组件,其他的子组件都是通过配置文件的方式一层一层的叠加上的,通过vue组件配置进行叠加的子组件,其实是vue的一种省略机制,它避免了你每次都去实例化子组件。 

vue-cli生成的项目脚手架里,通过webpack配置很好的处理了这些问题,每个单文件组件 *。vue js输出的就是一份配置,就足够了,最终他们都会汇总到app.vue,app.vue再在main.js里实例化,也就是说这套脚手架里面只有一个实例化对象。

1 回复 有任何疑惑可以回复我~
#1

慕粉1933298277

也就是说,一个vue-cli搭建的工程,只有一个Vue实例么?
2018-10-20 回复 有任何疑惑可以回复我~

如果没有var vm=new Vue({ })  怎么取vue对象vm,里面有很多方法,比如vm.$watch 新手求解

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

这个问题困扰我很久 原来如此


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

学习了 学习了

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

export default{data(){}} = new Vue({data: {}})

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

看下第二章第一节的视频,里面开头的时候提到,export ... 这种的语法格式会自动生成new Vue({}) 的这种实例对象。

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

<template>

    <div>{{msg}}</div>

</template>

export default{

    data(){

        return {

            msg:"hello world"

        }

    }

}

代码就这样,为什么不new Vue的实例?

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

这个应该是Vue.js的一种机制吧。可以用Vue对象去填充数据,也可以用函数里的数据去填充。仅供参考。

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

wanghaifen 提问者

代码在这个视频的hello.vue里
2017-02-09 回复 有任何疑惑可以回复我~
#2

wanghaifen 提问者

<template> <div>{{msg}}</div> </template> export default{ data(){ return { msg:"hello world" } } } 代码就这样,为什么不new Vue的实例?
2017-02-09 回复 有任何疑惑可以回复我~

把代码贴出来?

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

举报

0/150
提交
取消
vue.js入门基础
  • 参与学习       209720    人
  • 解答问题       677    个

本门为vuejs入门教程,详细的讲解加实战,可以帮你进入vuejs的大门

进入课程

为什么hello.vue中没有new Vue的实例

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