check all boxes checked when click on parent checkbox only with Javascript?

I am building a tree traversal in Vue.js, When I click on parent checkbox, it will check all child checkbox. This is work fine for in jquery, but is this possible to construct only with javascript?

My jqery code is :

$(".clickevent").click(function() {
$(this).closest('ul').hide();
$(this).parent().children().toggle();
$(this).toggle();
});

This works fine for me, but I need to know whether is this possible in Vue.js without jquery? If this possible, how to do this?