Thanks bác

font này là Operator Mono bạn nhé

bài viết dài nhưng lại rất ngắn gọn so với 1 cuốn sách, tổng hợp đc nhiều điều bổ ích. thanks bạn

khá dài,

okie bạn, có part III mình sẽ update luôn bạn nhé, thank you so much

Bài viết thú vị và vui nhộn. Góp ý là Python vẫn có map. Có 1 số khác biệt về memory và performance nên chúng ta có thể chọn map hoặc comprehension tùy trường hợp. y = list(map(lambda x:x*2, z)) or y = map(hex, z)

=))

cảm ơn bạn, ngoài ra nếu có part 3, part 4, ... bạn có thể add bài vào trong series cho mọi người dễ theo dõi,

cảm ơn bạn , mình update link phần 1 rồi bạn nhé, Hy vọng giúp ích cho bạn

a cho e hỏi chút ạ.giờ e muốn set time sẽ push thì có đc ko a.e thấy mặc định đang là send now

@luatvd Event (tạm dịch là Sự kiện) bạn nghiên cứu thêm tại đây nha. https://vuejs.org/v2/guide/events.html Event trong Vue.js thực tế thì bạn đã dùng rất nhiều nhưng có điều bạn chưa để ý và chưa đọc kỹ document của Vue.js. Nó tương đồng với Event trong javascript cách dùng thì tương tự như bạn dùng @click="handleClick", @change...

Trong ví dụ mình đưa ra cho bạn thì nó nâng cao hơn một chút, thay vì bạn chỉ dùng các event mặc định @click, @change, thì chúng ta tạo ra một event của riêng mình có tên là submit. Đơn giản chỉ bằng cách gọi this.$emit('event-name', parametter) để bắn một custom event ra bên ngoài thằng cha. event-name là tên event của bạn.

Như bạn biết, Event đi kèm với Listener, thằng cha sẽ có một bộ Listener và theo dõi event xảy trong thằng con. Nếu khai báo @event-name="yourHandler", bạn chỉ định cho nó luôn theo dõi sự kiện event-name, bất cứ khi nào có event thì thực hiện method yourHandler.

Về sự khác biết với việc bạn truyền function qua prop, bạn có thể thấy là tính chủ động của component cha, giúp tăng tính linh hoạt bởi component cha tự động thực hiện một công việc gì đó khi có event, không cần phải khai báo props, validate prop trong thằng con... Mình nói tới đây thôi nha, bạn nên chủ động tìm hiểu thêm. Bất cứ thắc mắc nào hãy đăng lên Viblo để mọi người support. (go)

VD:

<parent-component>
  <child-component @hungry="giveFood"/>
</parent-component>

Cảm ơn bài viết hữu ích của bạn. Bạn ơi, cho mình hỏi là làm thế nào để dự đoán tiếp tục từ điểm cuối cùng của test set vậy ạ?

@huukimit Cách của bạn hay..mình mới học nên còn nhiều cái chưa biết..bạn có thể chỉ mình cách lắng nghe khi có sự kiện từ thằng con không, trong các lần mình làm thì mình dùng một method khác để bắt..nhưng trong trường này mình chưa biết bắt như nào

Cảm ơn anh! Bài viết rất bổ ích. Bây giờ em muốn tìm hiểu về độ phức tạp của các thao tác như thêm, sửa, xoá, tìm kiếm hay mức độ sử dụng bộ nhớ, hiệu năng của các kiểu Collection hay Map trong Java thì nên tìm ở đâu hay từ khoá là gì ạ?

Rất hay, upvote

@haint.fit12 cho mình xin zalo đi bạn

cảm ơn chia sẻ của bạn

@luatvd Mục đích của viết component là sử dụng được ở nhiều chỗ, ví dụ chẳng hạn về sau anh cũng có 1 form tương tự nhưng khi handle submitInfor lại xử lí khác đi một chút thì component này của anh không có tính tái sử dụng. Vậy thì nó có ý nghĩa gì nữa đâu ? Thà anh đừng tách ra khéo còn dễ hơn

@quankm1097 cảm ơn em..nhưng nếu như vậy là a xử lý luôn trong này rồi thì cần gì thằng cha nữa nhể..như code bên trên của e

@luatvd Vâng. Muốn truyền dữ liệu từ con sang cha phải dùng emit do props chỉ là read-only. Nghĩa là anh chỉ có thể đọc props trong component con nhưng không thể ghi (nghĩa là không dùng được v-model). Nên có thể có 2 giải pháp cho anh. 1 là dùng emit để đẩy dữ liệu lại từ con lên cha sau đó sử lý ở component cha. 2 anh theo cách của @hoangken là truyền prop với để button đấy vào component con sau đây copy cái props đấy thành 1 object trong data.

<template>
	<div>
        <label for="postname">Name </label>
        <input v-model="handlePost.postName" placeholder="post name" id="postname" class="form-control">
        <label for="description"> Description</label>
        <textarea v-model="handlePost.description" cols="30" rows="10" class="form-control" id="description"></textarea>
        <button @click="submitInfor()">Submit</button>
    </div>
</template>

<script>
    export default {
        name: "FormComponent",
        props:['post']
        data() {
            return {
                handlePost : this.post
            }
        },
       methods:{
         submitInfor(){
          //Xử lý handlePost
         }
       }
</script>