1. npm install js-cookie

npm install js-cookie

1. <template>
2. <div>
3. <button @click="setCookie">Set Cookie</button>
4. <button @click="getCookie">Get Cookie</button>
5. <button @click="removeCookie">Remove Cookie</button>
6. <p>{{ cookieValue }}</p>
7. </div>
8. </template>
10. <script>
11. import Cookies from 'js-cookie';
13. export default {
14. data() {
15. return {
16. cookieValue: ''
17. };
18. },
19. methods: {
20. setCookie() {
21. Cookies.set('exampleCookie', 'This is a test cookie!', { expires: 7 });
22. },
23. getCookie() {
24. this.cookieValue = Cookies.get('exampleCookie') || 'No cookie found';
25. },
26. removeCookie() {
27. Cookies.remove('exampleCookie');
28. this.cookieValue = 'Cookie removed';
29. }
30. }
31. };
32. </script>

<template>
  <div>
    <button @click="setCookie">Set Cookie</button>
    <button @click="getCookie">Get Cookie</button>
    <button @click="removeCookie">Remove Cookie</button>
    <p>{{ cookieValue }}</p>
  </div>
</template>

<script>
import Cookies from 'js-cookie';

export default {
  data() {
    return {
      cookieValue: ''
    };
  },
  methods: {
    setCookie() {
      Cookies.set('exampleCookie', 'This is a test cookie!', { expires: 7 });
    },
    getCookie() {
      this.cookieValue = Cookies.get('exampleCookie') || 'No cookie found';
    },
    removeCookie() {
      Cookies.remove('exampleCookie');
      this.cookieValue = 'Cookie removed';
    }
  }
};
</script>

1. npm run dev

npm run dev