一、例如在card.vue這個元件 它的export default為何就是空的? 它不是要輸出給app.vue使用嗎?
而在app.vue這邊 它import Card元件這沒問題 但是為何export default這邊不能刪除?
我刪除專案就無法執行
我沒有要它輸出到別的地方啊...
二、請問這三者是什麼關係?
1.<.card/.>
2.import Card from './components/Card'
三、目前是學到這邊,new vue一個區域性元件或是vue.component全域性元件
https://codepen.io/ofcourse448/pen/WNbMXEw
自學vue兩週的新手向各位大哥請益
(另外這個圖片插入 請問要如何使用?...
驚嘆號![.]左括弧herf刮括弧 我在herf放網址 但左邊框框寫什麼都不行啊XD
已有佛心網友解答:
![alt]左右括弧中間放連結沒錯但後面要加.png之類的副檔名才會顯示圖片 (url.png)
)
Card.vue
export defalut {
// 這裡代表你沒有輸出 js
}
↓
App.vue
import Card from './components/Card.vue' // 這邊你已經引用 Card.vue 了
export default { // App.vue 是掛載在 main.js 下
components: {
Card, // 因為 html 有 <card /> 你要輸出 components 給 main.js 知道那是組件
}
}
↓
main.js (新版的 vue cli 可能會長的不一樣)
import Vue from 'vue'
import App from './App.vue' // App.vue 在這
new Vue({
el: '#app',
components: {
App
},
template: '<App/>'
})
// 或
// new Vue({
// render: h => h(App),
// }).$mount('#app')