Vue學習之內聯模板

在vue框架中，模板的位置有兩種，一種是在元件內部定義，一種是在元件外部定義。

我們首先來看內部的定義，即常見的定義方式：

vue.component('child-component',

}});

charset="utf-8">
src="">
script>
head>
}p>
child-component>
div>
vue.component('child-component',);
data:
});script>
body>
html>

在父元件中宣告的資料p>

welcome to vue!p>
div>
div>

vue提供了一種內聯模板的功能，在使用元件時，給標籤加上inline-complate特性，元件就會把它的內容當作模板，而不是當內容分發。

簡單的說（自己的理解）：不在建立乙個元件時定義它的模板，而是在宣告的外部建立。

下面看乙個例項：

charset="utf-8">
src="">
script>
head>
inline-template>
在父元件中定義子元件的模板h2>
}p>
}p>
div>
child-component>
div>
vue.component('child-component',
}});
data:
});script>
body>
html>

注意，此例建立乙個新的元件時，並沒有通過template來定義模板。

inline-template>

在父元件中定義子元件的模板h2>
}p>
}p>
div>
child-component>

渲染後：

在父元件中定義子元件的模板h2>
在父元件中宣告的資料p>
在子元件中宣告的資料p>
div>
div>

如果有朋友可能心思比較活，嘗試兩種定義方式一起用，但是，結果只顯示inline-complate所定義的

例項如下：

charset="utf-8">
src="">
script>
head>
inline-template>
在父元件中定義子元件的模板h2>
}p>
}p>
div>
child-component>
div>
vue.component('child-component',
}});
data:
});script>
body>
html>

在父元件中定義子元件的模板

在父元件中宣告的資料

在子元件中宣告的資料

Vue 元件6內聯模板

如果子元件有inline template特性，元件將把它的內容當做模板，而不是把它當做分發內容，這樣模板更靈活。these are compiled as the component s own template.p not parent s transclusion content.p div ...

C 之內聯函式

一 目的 提高程式執行速度所做的一項改進。二 內聯函式與常規函式的區別 編譯過程的最終產品是程式 由一組機器語言指令組成。執行程式時作業系統將這些指令載入到計算機記憶體中，因此每條指令都有特有的記憶體位址。計算機隨後逐步執行這些命令。執行到函式呼叫指令時，程式將在函式呼叫後立即儲存該指令的記憶體位址...

函式之內聯函式

內聯函式 定義 內聯函式是c 為提高程式執行速度所進行的一項改進。常規函式與內聯函式之間的區別不在於編寫方式，而在於c 編譯器如何將他們組合到程式裡。c 函式的編譯 與其他程式的 內聯 了起來，也就是說，編譯器將使用相應的函式 代替函式呼叫。對於內聯函式，程式無需調到另乙個位置處執行 再跳回來，因此...