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>

郭浩326

4872人浏览 · 2017-05-27 22:52:45

郭浩326 · 2017-05-27 22:52:45 发布

<!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>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^