个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我找不到 Dom template 的确切定义在 Vue 文档中，但我看到它在几个地方都提到过，比如这里:https://v3.vuejs.org/style-guide/#self-closing-components-strongly-recommended
那么究竟什么是 DOM 模板呢？是 Vue 的概念还是更笼统的概念(例如某些规范中定义的 HTML 概念)？它们只是 <template> 之外的 HTML 元素吗？ Vue 可以附加到的标签，或者它们也可以在 <template> 内标签？欢迎举例。
最佳答案
在 Vue 的上下文中， “DOM 模板” (在其余 Vue 文档中通常被视为“in-DOM 模板”)指的是在文档正文/标题中指定的组件标记，而不是字符串模板或 SFC 模板。
虽然 DOM 模板包括 <script type="text/html">或 <template>在文档中，这两个标签(连同字符串模板和 SFC 模板)不受已知 DOM template parsing caveats 的约束。因为它们是惰性的。
DOM 模板
DOM 内模板:
// index.html
<body>
<div id="app">
<ul>
<li v-for="i in 5">{{ i }}</li>
</ul>
</div>
</body>
<script type="text/html"> 的 DOM 内模板:
// index.html
<body>
<script type="text/html" id="my-comp-template">
<ul>
<li v-for="i in 5">{{ i }}</li>
</ul>
</script>
<div id="app">
<my-comp></my-comp>
</div>
</body>
<template> 的 DOM 内模板:
// index.html
<body>
<template id="my-comp-template">
<ul>
<li v-for="i in 5">{{ i }}</li>
</ul>
</template>
<div id="app">
<my-comp></my-comp>
</div>
</body>
// MyComponent.js
Vue.component('my-comp', {
template: `<ul>
<li v-for="i in 5">{{ i }}</li>
</ul>`
})
// MyComponent.vue
<template>
<ul>
<li v-for="i in 5">{{ i }}</li>
</ul>
</template>
关于javascript - Vue.js 中的 DOM 模板到底是什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/68578348/
24
4
0
这对你们来说可能很简单，但由于我是java新手，所以我想知道实际上什么是 接下来的部分会发生什么？ if (args.length > 0) { file = args[0]; } publi
在我的 View Controller 中，我将 UITapGestureRecognizer 添加到 self.view。我在 self.view 之上添加了一个小 View 。当我点击小 View
我今天尝试从 Obj-C 开始并转到 Swift，我正在阅读文档。我试图在 Swift 中创建一个简单的 IBOutlet，但它不断给我这些错误。 View Controller 没有初始化器 req
我正在尝试使用 VIM 完成(字典和当前缓冲区)，但我遇到了问题？和 !在方法名称的末尾。我能以某种方式向 vim 解释方法名称(基本上是单词)最后只能有它，而且只有一个，即 method_name
我是一名优秀的程序员,十分优秀！