THẢO LUẬN

chia sẻ hay quá anh ạ

0
thg 7 14, 2021 5:22 SA

@nguyenhuonggtvt okie bạn nhé 😄

0
Avatar
đã bình luận câu trả lời trong câu hỏi
thg 7 14, 2021 5:22 SA

@bichht-0889 okie bạn

0
thg 7 14, 2021 4:23 SA

cảm ơn bạn, bài viết khá hay!

+1
Avatar
đã bình luận câu trả lời trong câu hỏi
thg 7 14, 2021 4:23 SA

@maitrungduc1410 Cảm ơn nhé, mình đã tắt Secure và chạy ngon lành rồi

+1
thg 7 14, 2021 3:58 SA

@maitrungduc1410 Trả lời chi tiết quá, mình hiểu rồi. Chắc từ giờ sẽ biết phân biệt và áp dụng hai cái này một cách hiệu quả hơn Cảm ơn bạn nhiều nhé

0
thg 7 14, 2021 3:31 SA

@nguyenhuonggtvt uk bạn, 1 computed property thì nó cũng y như 1 property bình thường khi bạn định nghĩa ở trong data, cũng reactive, nên bất kì data nào khác phụ thuộc vào nó thì cũng sẽ tự động được update khi computed thay đổi. Ví dụ:

<template>
  <div id="app">
    <h1>{{ newName }}</h1>
    <button @click="updateFirstname">Update First Name</button>
  </div>
</template>

<script>

export default {
  data: () =>  {
    return {
      firstname: 'Hello',
      lastname: 'World'
    };
  },
  methods: {
    updateFirstname() {
      this.firstname = 'My'
    }
  },
  computed: {
    fullname() {
      return `${this.firstname} - ${this.lastname}`
    },
    newName() {
      return this.fullname + '- New name'
    }
  },
  watch: {
    newName(newVal, oldVal) {
      console.log(newVal, oldVal)
    }
  }
}
</script>

Ở ví dụ trên mình ko dùngfullname ở trên template, nhưng khi nó thay đổi thì newName cũng thay đổi theo, watch cũng sẽ chạy

0
Avatar
đã bình luận câu trả lời trong câu hỏi
thg 7 14, 2021 3:19 SA

@bichht-0889 oke bạn nhé 💪💪💪💪💪 . Lỗi của bạn là cookie có thuộc tính Secure, nhưng web của bạn đang không được chạy dưới HTTPS

+1
thg 7 14, 2021 2:51 SA

@maitrungduc1410 Mình muốn hỏi thêm một ý nữa là Nếu mình định nghĩa một computed nhưng lại không call nó ở đâu cả Nếu data thay đổi, thì data phụ thuộc nó cũng auto được thay đổi theo phải không bạn?

0
Avatar
đã bình luận câu trả lời trong câu hỏi
thg 7 14, 2021 2:46 SA

Cảm ơn bạn, giờ thì mình biết lỗi do đâu rồi. 'This Set-Cookie was blocked because it had the "Secure" attribute but was not received over a secure connection.' Biết được lỗi sẽ đi gg dễ hơn, cảm ơn bạn lần nữa, mình mò mãi không biết vì sao 😃)

+1
thg 7 14, 2021 2:37 SA

thường thì computed sẽ thoả mãn trong hầu hết mọi trường hợp, nhưng ở 1 số trường hợp nếu bạn có những xử lý phức tạp, kiểu gọi API async lên server chẳng hạn, thì khi đó bạn nên dùng watch: 1 thuộc tính nào đó thay đổi -> gọi API lên server lấy thêm data,....

0
thg 7 14, 2021 2:34 SA

😍😍😍😍😍😍

0
thg 7 14, 2021 1:36 SA

Cảm ơn bạn về bài viết. Nhưng có một cái mình vẫn hơi khó phân biệt khi dùng computed và watch. Đặc biệt là đối với trường hợp giá trị của một thuộc tính này phụ thuộc vào giá trị của một thuộc tính khác. Mình đang không biết nên dùng cái nào. Nhờ bạn giải đáp cho mình với.

0
thg 7 14, 2021 1:30 SA

Theo mình cứ để nguyên mấy cái bootstrap class, vì mấy cái custom styles thường chả ai thèm đọc, nên cố gằng viết custom scss càng đơn giản càng tốt.

0

xịn quá, mong bn ra phần tiếp theo

0
Avatar
đã bình luận cho bài viết
thg 7 13, 2021 2:52 CH

Bài viết rất hay, đã upvote ❤️ Sẵn đây cho e hỏi Clustered index va Non CI là 2 cách lưu trữ dữ liệu trong BTree index à bác

0

import datetime

0
thg 7 13, 2021 11:11 SA

Just one option to add to the list of tools above: https://www.ispirer.com/products/database-migration

0
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí