码迷,mamicode.com
首页 > 其他好文 > 详细

Vue-dom模版和字符串模版

时间:2020-07-23 15:52:13      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:区分大小写   提示   div   命名   大小写   war   属性   元素   temp   

dom模版就是直接写在dom结构中的代码

字符串模版是写在script里的component的prop属性里的

由于html特性不区分大小写,所以当使用dom模版时,要使用props属性中用驼峰命名的元素时要在dom模版中转化为kabab-case命名

   //html中的dom模版 
  <div id="app"> <my-component warning-text="提示信息"></my-component> </div> <script> Vue.component(‘my-component‘,{ props:[‘warningText‘], //字符串模版 template:‘<div>{{warningText}}</div>‘ }) var app = new Vue({ el:‘#app‘ }) </script>

 

Vue-dom模版和字符串模版

标签:区分大小写   提示   div   命名   大小写   war   属性   元素   temp   

原文地址:https://www.cnblogs.com/zhoujingye/p/13365389.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!