view

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>

    </head>
    <body>
       <ul id="example-1">
            <li v-for="item in items">
                {{ item.message }}
            </li>
        </ul>

<script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
        var example1 = new Vue({
          el: '#example-1',
          data: {
            items: '',
          },
        methods: {
        compiled: function(){
        var self = this;
        console.log('test');
        $.ajax({
        type: "GET",
        url: '<?php echo site_url('welcome/database') ?>',
        dataType: "json",
        complete: function (data) {
            self.items = data
            console.log(self.items);
        }
      })
    }
}
})
</script>
    </body>
</html>