Vue 关于字符模板与非字符串模板

关于Vue字符串模板,和非字符串模板

看文档时出现字符串模板和非字符串模板,于是查了查

HTML 特性是不区分大小写的。所以，当使用的不是字符串模板时，camelCase (驼峰式命名) 的 prop 需要转换为相对应的 kebab-case (短横线分隔式命名)：

Vue.component('child', {
// 在 JavaScript 中使用 camelCase
props: ['myMessage'],
template: '<span>{{ myMessage }}</span>'
})
<!-- 在 HTML 中使用 kebab-case -->
<child my-message="hello!"></child>

字符串模板：指的是在组件选项里用 template:"" 指定的模板，换句话说，写在 js 中的 template:"" 中的就是字符串模板。比如下面这个：

var tmp = new Vue({
template:""
});

非字符串模板：在单文件里用 指定的模板，换句话说，写在 html 中的就是非字符串模板。

原文：https://blog.csdn.net/u014395524/article/details/78716856