Vue-dom模版和字符串模版

Posted 2020-12-18 zhoujingye

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>