Viblo Code

DISCUSSIONS

Sunday, 4:42 AM

Cho mình hỏi vậy nếu mình sử dụng localhost hay tương lai cho nó chạy ở hosting thì làm sao để run commandline đc khi trên hosting nhỉ?

0
Sunday, 3:41 AM

e k hiểu sao e run yarn server test phía dưới local thì lại k bị thông báo lỗi, giả lập lại case tương tự trên CodeSanbox thì lỗi như anh ns thật. k biết có phải do quá trình compile code khác nhau k

+1
Sunday, 2:36 AM

Update: a có test thử khi chạy Vue trên CodeSanbox, link ở đây

Tại destroyed nếu print ra console.log(this) hay console.log(this.message) (message khai báo trong data) thì vẫn được, nhưng đồng thời ta sẽ nhận được báo lỗi ngay lập tức. 😃

0
Sunday, 1:40 AM

Cảm ơn về bài viết, nhưng cho mình hỏi thêm nếu phát triển thêm tính năng update và delete thì liệu cách triển khai như vậy có khả thi? Cảm ơn!

0
Saturday, 6:03 PM

không biêt những phần mềm bạn đang giới thiệu để kiểm thử cho phần csdl bạn đã dùng thử chưa. mình đã cài thử nhưng thây lỗi khá nhiều và không chạy được 😃))

0
Saturday, 4:01 PM

vâng ạ,cảm ơn anh đã confirm lại giúp e, bài viết nào của a cũng hay lắm 😊

+1
Saturday, 3:56 PM

Ở đây mình có 1 ví dụ: https://gist.github.com/maitrungduc1410/ba4600e65eb293cd74715bd1b20286e6

Giải thích: component Mouse mình lắng nghe event mousemove khi di chuột trên màn hình thì in ra vị trí con trỏ chuột hiện tại ở cửa sổ Console. Khi Mouse bị destroy thì ta sẽ phải huỷ lắng nghe event mousemove đi nếu ko thì vẫn sẽ thấy in ra ở console.

Ví dụ này mình dùng beforeDestroy, bạn cũng có thể dùng ở destroyed cũng cho kết quả tương tự.

1 demo khác khi mình làm app chat ở đây: https://realtime-chat.jamesisme.com/ . Khi user chuyển room thì cần huỷ lắng nghe event nhận tin nhắn ở room hiện tại nếu ko khi chuyển room mới vẫn có thể nhận được tin nhắn của room cũ.

Chú ý 1 chút là ở destroyed thì có 1 số thành phần component ko còn nữa (xem trong bài mình để cập), và có thể khi làm thực tế ở project của ta thì mấy thứ đó ko ảnh hưởng tới kết quả dù bạn chọn beforeDestroy hay là destroyed. Nhưng hầu như với cá nhân mình thì mình đều chỉ dùng beforeDestroy vì ở thời điểm này component của ta vẫn còn đầy đủ chức năng, có thể tránh được khả năng xảy ra lỗi nào đó (có thể có, nếu có khi nào xảy ra thì chỉ có ông trời mới debug được 🤣 )

0
Saturday, 3:10 PM

Cảm ơn bạn đã chia sẻ. Mình đang thử implement cho Laravel 6 thì có 1 vấn đề sau khi require Laravel vào file config của Responsive Filemanager thì bị 1 cái helper trans của Laravel ghi đè lên dẫn tới tới lỗi. Bạn có cách nào fix trường hợp này không? Untitled.png

0
Saturday, 3:07 PM

Mình đoán đây là bài dịch vì nhiều chỗ đọc ko tự nhiên, rất là "google translate". Nếu đúng là bài dịch thì nên ghi thêm nguồn vào. Không nhầm thì bài gốc đây: https://swiftcraft.io/decorator-pattern-swift/

0
Saturday, 2:54 PM

Note: bài này a viết từ cách đây 2 năm, nhưng a nhớ mang máng là tại thời điểm viết bài a có đọc kĩ docs của Vue và có đọc tutorial online, và cũng có thử thì tại destroyed, thì this hầu như ko còn gì,

A vừa xem lại các tut của những ng khác về lifecycle cũ cũ cũng vậy 😄

Nhưng dù sao ở thời điểm hiện tại thì tại destroyed vẫn có thể truy cập được vào data như e nói

0
Saturday, 2:33 PM

oke cám ơn e đã để ý nhé.

Đã test lại và confirm tại destroyed thì vẫn có thể truy cập được vào data

A đã update lại phần này trong bài nhé

+1
Saturday, 2:21 PM

em có thể xin 1 ít tut về desgin mà a đã xem qua đc ko, em cũng hứng thú về game mobile nhưng mà khoản desgin nhìn chua quá ko biết có tool nào nó dễ sử dụng cho game 2d

0
Saturday, 12:50 PM

Bạn cho mình hỏi, việc truy vấn gay các hành động với db, mình hoàn toàn có thể dùng class DB DB::table('users')->select() DB::table('users')->update() DB::table('users')->insert() Vậy bạn cho mình hỏi sự khác nhau khi thông qua Model, Ưu điểm và Nhước điểm khi dùng Model và DB là gì ? Cảm ơn bạn.

0
Saturday, 11:30 AM

Mọi người có hứng thú tải chơi thử ở đây nhé 😄 https://play.google.com/store/apps/details?id=com.Hapo.Plus

0
Saturday, 11:02 AM

Cảm ơn bài viết hay của anh, cho e hỏi chỗ này 1 chút ạ. Theo như e hiểu thì với component khi destroyed hook is called thì sẽ k thể truy xuất đến data nữa, nhưng e test thử thì this vẫn tồn tại y nguyên sau khi e click vào button Destroy

<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png">
    <h1>{{ data1 }}</h1>
    <button id="click" v-on:click="data1 = 'Data is changed'">Test Change</button>
    <button id="destroy" v-on:click=destroyComponent()>Destroy</button>
  </div>
</template>
<script>
export default {
  name: 'App',
  data: function () {
    return {
      data1: "Wellcome"
    }
  },
  methods: {
    destroyComponent()
    {
      this.$destroy()
    }
  },
  beforeDestroy() {
    console.log(`beforeDestroy hook has been called data1 is:  ${this.data1}`)
  },
  destroyed() {
    console.log(`destroyed hook has been called data1 is:  ${this.data1}`)
  }
}
</script>
0
Saturday, 10:33 AM

bác ơi ! cho em 500 vnđ ví dụ vể BeforeDestroy và thêm 500 vnđ Destroy đc k ạ?

0
Saturday, 10:16 AM

Cảm ơn anh vì đã chia sẻ. Rất hữu ích với em ạ. 😄

0
Saturday, 4:23 AM

đúng là mỗi 3s in ra 1 lần đó bạn, nhưng vì vòng lặp đc xử lý quá nhanh nên bạn không thấy sự khác biệt Screen Shot 2020-07-11 at 11.22.45.png

0
Let's register a Viblo Account to get more interesting posts.