vue继承(例子)

var MyComponent =Vue.extend({

        template: `<div class="block-box" data-type="append">

                                <p class="block-box-left">value </p>

                                <p class="block-box-right" @click="removeTime($event)" >X</p>

                                <input type="hidden" name="time" class="layui-input" value="value ">

                        </div>`,

        methods: {

                removeTime:function ($event) {

                        $event.currentTarget.parentElement.remove();

                },

        }

});

var component =new MyComponent().$mount(); 

$("el").append(component.$el);

             // $event.target 是你当前点击的元素

            // $event.currentTarget 是你绑定事件的元素

          #获得点击元素的前一个元素

          $event.currentTarget.previousElementSibling.innerHTML

          #获得点击元素的第一个子元素

          $event.currentTarget.firstElementChild

          # 获得点击元素的下一个元素

          $event.currentTarget.nextElementSibling

          # 获得点击元素中id为string的元素

          $event.currentTarget.getElementById("string")

          # 获得点击元素的string属性

          $event.currentTarget.getAttributeNode('string')

          # 获得点击元素的父级元素

          $event.currentTarget.parentElement

          # 获得点击元素的前一个元素的第一个子元素的HTML值

          $event.currentTarget.previousElementSibling.firstElementChild.innerHTML