如何正確使用Vue.js的組件？

官方文檔里給出的demo

// 定義
var MyComponent = Vue.extend({
template: "&A custom component!&"
})


這是我找到的局部註冊的demo

var Parent = Vue.extend({
template: "&I"m Parent, My children: &&&&&",
components: {
"myComponent": {
template: "&child component!&",
},
"child": {
template: "&child component!&",
}
}
});


問題0：局部註冊是這麼寫嗎？難道真的是要把子組件的tag寫到父組件的template里？

問題1：使用Vue.js最開始的目的就是為了減少用字元串拼接HTML，提高代碼的可維護程度，雖然現在已經減少了很多字元串拼接的情況，但是在組件這裡又不可避免的使用到拼接，有沒有更合理的組件使用方式以減少這種拼接情況帶來得不便。

---

寫法沒錯，但是不習慣這麼寫，看著好累！更習慣單文件組件的方式！手機就不碼代碼了！單文件組件移步http://cn.vuejs.org/guide/application.html，寫的比較詳細！@豪情 的VUE群！加一下，一起研究！

---

在項目中，我是這樣使用組件的:

定義一個組件

// title.vue
&
&{{title}}& &
&
export default {
props: {
title: String
}
&


在另一個組件里用

// index.vue
&
&& &
&
import navTitle from "title.vue"
export default {
el: "#app",
components: {
navTitle
}
}
&


---

有啊，用 React ，它的樹結構就不是 js字元串。

---

我覺得,如果不是前後端分離的項目,你給我一個.vue 後綴的文件,直接懵逼,不知道怎麼用,站在一個後端開發(卻被迫寫前端)的角度,我更希望把vue當成一個js來用...

---

模板可以寫到template標籤里，寫成字元串只是為了演示方便

&