亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么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的一種機制吧??梢杂肰ue對象去填充數據,也可以用函數里的數據去填充。僅供參考。

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入門基礎
  • 參與學習       209639    人
  • 解答問題       715    個

本門為vuejs入門教程,詳細的講解加實戰,可以幫你進入vuejs的大門

進入課程

為什么hello.vue中沒有new Vue的實例

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號