code.js 436 B

1234567891011121314151617181920212223242526272829303132333435
  1. Vue.component('coupon', {
  2. created() {
  3. },
  4. data() {
  5. return {
  6. };
  7. },
  8. methods: {
  9. onCouponApplied() {
  10. this.$emit('applied');
  11. }
  12. },
  13. props: {
  14. },
  15. template: `
  16. <input placeholder="Enter your coupon code" @blur="onCouponApplied" />
  17. `,
  18. });
  19. const app = new Vue({
  20. el: '#root',
  21. data: {
  22. couponApplied: false,
  23. },
  24. methods: {
  25. onCouponApplied() {
  26. this.couponApplied = true;
  27. }
  28. }
  29. });