本文介绍了Vue中的x-template特性，用于创建组件模板，避免模板换行带来的不便。通过< script type="text/x-template">包裹HTML代码，可以提高代码可读性。然而，x-template应适度使用，因为模板与组件定义分离，适用于小型项目。每个template必须包含一个根元素，否则会导致错误。
今天，我们来讲一个比较有趣的一个功能吧
先来看一段代码示例：
<html>
<head>
<meta charset="utf-8">
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
</head>
<body>
<div id="app">
<my-component></my-component>
<script type="text/x-template" id="my-component">
<div>
<p>This is the content of component</p>
<p>Hello Vue!</p>
1286
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
