vue settings

In this example below you will see how to do a vue settings with some HTML / CSS and Javascript

This awesome code was written by HasanRs, you can see more from this user in the personal repository.
You can find the original code on
Copyright HasanRs ©


  • HTML
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
  <title>vue settings</title>
    <link rel="stylesheet" href="">

  <link rel='stylesheet prefetch' href=''>



  <script src=''></script>
<script src='js/wxrobx.js'></script>


    <script  src="js/index.js"></script>



/*Downloaded from */
Vue.component('todo-item', {
  props: ['todo'],
  template: '<li>{{ todo.text }}</li>'
var app7 = new Vue({
  el: '#app-7',
  data: {
    groceryList: [
      { id: 0, text: 'Vegetables' },
      { id: 1, text: 'Cheese' },
      { id: 2, text: 'Whatever else humans are supposed to eat' }