Vue.js এ তৈরি এবং মাউন্ট করা ইভেন্টগুলির মধ্যে পার্থক্য

Question

ভ্যু.জেএস ডকুমেন্টেশন নীচে createdএবং mountedইভেন্টগুলি বর্ণনা করে:

created

দৃষ্টান্তটি তৈরি হওয়ার পরে সুসংগতভাবে বলা হয়। এই পর্যায়ে, উদাহরণস্বরূপ বিকল্পগুলির প্রক্রিয়া শেষ হয়েছে যার অর্থ নিম্নলিখিতগুলি সেট আপ করা হয়েছে: ডেটা পর্যবেক্ষণ, গণনা করা বৈশিষ্ট্য, পদ্ধতি, ঘড়ি / ইভেন্ট কলব্যাক্স। তবে মাউন্টিং পর্ব শুরু করা হয়নি, এবং। এল সম্পত্তি এখনও পাওয়া যাবে না।

mounted

উদাহরণটি সবেমাত্র মাউন্ট করার পরে বলা হয়েছে যেখানে এলটি সদ্য নির্মিত ভিএম by এল দ্বারা প্রতিস্থাপিত হবে। যদি রুট দৃষ্টান্তটি একটি ইন-ডকুমেন্ট উপাদানটিতে মাউন্ট করা হয় তবে মাউন্ট করা হলে vm। $ El এছাড়াও ইন-ডকুমেন্টে থাকবে।

সার্ভার-সাইড রেন্ডারিংয়ের সময় এই হুকটি কল করা হয় না।

আমি তত্ত্বটি বুঝতে পারি, তবে অনুশীলনের বিষয়ে আমার কাছে দুটি প্রশ্ন রয়েছে :

1. এমন কোন মামলা রয়েছে যেখানে createdব্যবহার করা হবে mounted?
2. createdরিয়েল-লাইফ (রিয়েল-কোড) পরিস্থিতিতে আমি কী ইভেন্টটি ব্যবহার করতে পারি ?

Comments

createdআগে বলা হয়ে থাকে, সুতরাং উদাহরণস্বরূপ এপিআই ব্যাকএন্ড থেকে ডেটা আনার বিষয়টি বোঝায়।

— Egor Stambakio

নিশ্চিত করতে পারেন, ফুলস্ট্যাক ভ্যু বইয়ের উদাহরণগুলি created()এপিআই কলগুলির জন্য ক্রিয়া প্রেরণের জন্য সমস্ত ব্যবহার করে।

— chovy

Answer 1

created(): অপশনগুলির প্রক্রিয়াজাতকরণ শেষ হওয়ার পরে আপনার প্রতিক্রিয়াশীল dataবৈশিষ্ট্যগুলিতে অ্যাক্সেস রয়েছে এবং আপনি চাইলে এগুলি পরিবর্তন করুন। এই পর্যায়ে DOM এখনও মাউন্ট বা যোগ করা হয়নি। সুতরাং আপনি এখানে কোনও ডিওএম ম্যানিপুলেশন করতে পারবেন না

mounted(): ডোম মাউন্ট বা রেন্ডার হওয়ার পরে ডাকা হয়। এখানে আপনার ডিওএম উপাদানগুলির অ্যাক্সেস রয়েছে এবং ডোম ম্যানিপুলেশন করা যেতে পারে উদাহরণস্বরূপ অভ্যন্তরীণ এইচটিএমএল পান:

console.log(element.innerHTML)

সুতরাং আপনার প্রশ্ন:

1. Is there any case where created would be used over mounted?

তৈরি করা সাধারণত ব্যাকএন্ড এপিআই থেকে ডেটা আনতে এবং ডেটা বৈশিষ্ট্যে সেট করার জন্য ব্যবহৃত হয়। তবে এসএসআর mounted()হুক উপস্থিত নেই আপনাকে কেবল তৈরি হুকের মধ্যে ডেটা আনার মতো কাজগুলি করতে হবে

2. What can I use the created event for, in real-life (real-code) situation?

বাহ্যিক এপিআই থেকে রেন্ডার করার জন্য কোনও প্রাথমিক প্রয়োজনীয় ডেটা আনার জন্য (জেএসএন এর মতো) এবং এটি কোনও প্রতিক্রিয়াশীল ডেটা বৈশিষ্ট্যগুলিতে নির্ধারণের জন্য

data:{
    myJson : null,
    errors: null
},
created(){
    //pseudo code
    database.get().then((res) => {
        this.myJson = res.data;
    }).catch((err) => {
        this.errors = err;
    });
}

Comments

তৈরি এপিআই কল করার সময়, পরবর্তী জীবনচক্র পর্যায়ে যাওয়ার আগে কী সমস্ত এসিঙ্ক অপারেশনগুলি সম্পূর্ণ হওয়ার অপেক্ষা করে?

— ওমিনাস

@ ওমিনিস এটি অপেক্ষা করে না, এই ঝাঁকুনিটি চালান- jsfiddle.net/1k26sqrx/] এবং কনসোল লগগুলি দেখুন

— বামসি কৃষ্ণ

আমি লক্ষ্য করেছি যে মাউন্ট করা হলে () তৈরির পরিবর্তে ব্যবহৃত হয়)। প্রতিক্রিয়াশীল ভেরিয়েবল সেট, ভায়ু টেস্টগুলি সত্যই প্রতিক্রিয়াশীল ভেরিয়েবল হিসাবে উপস্থিত থাকে। যদি তা না হয় তবে একটি ত্রুটি নিক্ষেপ করা হয়। এটি তৈরি করা () "সম্পত্তি বা পদ্ধতি" foo "তে উদাহরণ হিসাবে সংজ্ঞায়িত করা হয়নি তবে রেন্ডার করার সময় উল্লেখ করা হয়েছে sure নিশ্চিত করুন যে এই সম্পত্তিটি প্রতিক্রিয়াশীল।"

— রব জুউরলিংক