【14】vue.js — 自定义标签

来源:互联网 发布:淘宝店铺运营推广方案 编辑:程序博客网 时间:2024/06/15 09:43

自定义标签

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>        <script type="text/javascript" src="js/vue.js" ></script>        <style>            youxin {                width: 100px;                height: 100px;                /*** 自定义标签必须设置display: block ***/                display: block;            }        </style>    </head>    <body>        <div id="box">            <youxin></youxin>        </div>    </body>    <script>        window.onload=function(){            Vue.elementDirective('youxin',{                bind: function(){                    this.el.style.background = 'red';                }            })            var vm = new Vue({                el: '#box'            });        }    </script></html>

vue自定义标签

原创粉丝点击