Vue的字符串模板
2017-12-05 10:38
363 查看
这两天看Vue的时候,里面提到字符串模板和非字符串模板,搞的有点儿懵圈,特地查了下,也记录下,免得后面再发生这样的事儿(记性不太好,硬伤呀。。。)
以下是教程里的原文:
HTML 特性是不区分大小写的。所以,当使用的不是字符串模板时,camelCase (驼峰式命名) 的 prop 需要转换为相对应的 kebab-case (短横线分隔式命名):
如果你使用字符串模板,则没有这些限制。
嗯,还是上面说过的,看到这里,不知道字符串模板是啥,非字符串模板是啥.....下面就来说道说道!
字符串模板:指的是在组件选项里用 template:"" 指定的模板,换句话说,写在 js 中的 template:"" 中的就是字符串模板。比如下面这个:
var tmp = new Vue({
template:"<myComponent></myComponent>"
});
非字符串模板:在单文件里用 <template></template> 指定的模板,换句话说,写在 html 中的就是非字符串模板。
以下是教程里的原文:
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:"<myComponent></myComponent>"
});
非字符串模板:在单文件里用 <template></template> 指定的模板,换句话说,写在 html 中的就是非字符串模板。
相关文章推荐
- Vue中的字符串模板的使用
- 字符串_字典树(模板 hdu 1251)
- 生成vue模板
- vue-cli生成vue+webpack的项目模板怎么设置为vue1.0
- 字符串模板匹配
- 利用ES6中的模板字符串轻松实现多行和字符串值的插入
- 邝斌的ACM模板(字符串 HASH)
- [置顶] 字符串问题 ---模板(不定期更新中。)
- JS 中拼接字符串的模板
- 3.1.4 模板字符串
- [置顶] velocity把字符串当做模板
- Vue.js——60分钟browserify项目模板快速入门【7】
- arttemplate模板--字符串拼接中使用模板语法
- 字符串模板
- 模板字符串的限制
- 模板字符串
- VueJS 获取并编译远程模板 解决方案(简单版)
- ES6中的模板字符串和新XSS Payload
- P3370 【模板】字符串哈希
- zoj 2006 1729 字符串最小表示法 模板