Vue---is 属性容错处理

最新推荐文章于 2024-06-15 18:37:50 发布

郭浩326

最新推荐文章于 2024-06-15 18:37:50 发布

阅读量4.8k

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/guohao326/article/details/72785816

版权

vue 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内置指令</title>
    <script src="js/vue.js" ></script>
</head>
<body>
<div id="app">
    <ul>
        <my-comp></my-comp>
        <li is="my-comp2"></li>
        <!--<my-comp2></my-comp2>-->
    </ul>
</div>

<script>

    /**
     *  定义自定义组件时，应当尽量符合W3C的规定，
     *  在VUE2.0中，VUE官方做了一些容错处理，但是在一些浏览器中，可能会出错
     *  那么VUE建议大家使用is属性来完成书写
     */
    Vue.component("myComp",{
        template : "<li>这个是个列表</li>"
    });
    Vue.component("myComp2",{
        template : "<span>这个是个列表</span>"
    });
    var app = new Vue({
    }).$mount("#app");


</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

郭浩326

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Vue---is 属性容错处理

html>html lang="en">head> meta charset="UTF-8"> title>内置指令title> script src="js/vue.js" >script>head>body>div id="app"> ul> my-comp>my-comp> li is="my-comp2">li>
复制链接

扫一扫