01、模板語法

1.1、template模板

<template>是H5新增的模板元素，是一個用於HTML模板內容的包裝元素，主要使用其內部的內容。在普通的HTML頁面中，模板會出現在Dom樹中，但不會渲染，裡面的請求、指令碼也不會執行。<template>是Vue裡主要的模板定義方式，除此以外，常用的定義Vue.template方式：

Vue.template	描述	範例
`<template>`模板	H5的模板元素，其內容作為模板內容，	`<template id="tp">`
`<script>`模板	在一個 `<script>` 元素中定義模板內容，裡面的內容都會被當成字串。通過`#id`參照	`<script type="text/x-template" id="xtp">`
字元模板	用HTML字串直接定義模板內容	`template: '<p>{{name}}</p>'`
內聯模板`inline-template`	用在子元件上，用這個子元件元素裡面的內容作為模板，而不是渲染他的原本的內容。這個一般不常用吧，作用域有點亂。	`<mycom inline-template> </mycom>`

Vue快速上門(2)-模板語法

01、模板語法

1.1、template模板