Vue的字符串模板
来源:互联网 发布:山东省农产品出口数据 编辑:程序博客网 时间:2024/06/17 01:24
这两天看Vue的时候,里面提到字符串模板和非字符串模板,搞的有点儿懵圈,特地查了下,也记录下,免得后面再发生这样的事儿(记性不太好,硬伤呀。。。)
以下是教程里的原文:
HTML 特性是不区分大小写的。所以,当使用的不是字符串模板时,camelCase (驼峰式命名) 的 prop 需要转换为相对应的 kebab-case (短横线分隔式命名):
Vue.component('child', {// 在 JavaScript 中使用 camelCaseprops: ['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 中的就是非字符串模板。
阅读全文
0 0
- Vue的字符串模板
- Vue的模板语法
- vue的模板 <template></template>
- Vue 模板
- Vue模板
- Vue 模板
- 20、vue.js 之vue模板间的传值
- 用Vue-cli生成vue+webpack的项目模板
- 认识Vue.js的组件和模板
- vue基于webpack 模板的目录结构
- 字符串模板的使用
- 简单的字符串模板
- 字符串模板和dom模板的区别
- vue-cli的webpack模板项目配置文件的理解
- 基于vue-cli的vue项目之vuex的使用1---------最简单的vuex模板
- Vue模板语法
- vue模板语法
- Vue模板语法
- DeBug能力
- 技术工程师的能力与目标(转)
- Cookie
- react-native init的时候出现问题:npm WARN React-native@0.35.0 requires a peer of react@~15.3.1 but none was
- 在IntelliJ IDEA中创建Spring项目
- Vue的字符串模板
- 【学习C++】C++常对象精讲 — const关键字
- 集成阿里云推送
- Kotlin 项目实记
- 选中一行数据做删除
- 我是标题
- java虚拟机(五)--内存分配回收策略
- Tomcat 集群配置2
- curl 命令简介