Vue $root অবজেক্ট
$root অবজেক্ট সমগ্র Vue অ্যাপ্লিকেশনের রুট উপাদানের Vue উদাহরণ উপস্থাপন করে।
$root অবজেক্ট রুট এলিমেন্টে ব্যবহার করা হলে, এটি সেই বিবৃতির একটি উদাহরণকে নির্দেশ করে।
আপনার নিজস্ব Vue সার্ভার পান
Vue অ্যাপ্লিকেশনের রুট উপাদানে 'টেক্সট' ডেটা বৈশিষ্ট্য পরিবর্তন করতে চাইল্ড কম্পোনেন্টে $রুট অবজেক্ট ব্যবহার করে।
Example
<template>
<div>
<h3>Change Text</h3>
<p>Click the button to toggle the text in the PRE tag of the root component.</p>
<button v-on:click="this.$root.text='Hello!'">Change text in root</button>
</div>
</template>দ্রষ্টব্য:
নীচে আরো উদাহরণ দেখুন.
সংজ্ঞা এবং প্রয়োগ
$root অবজেক্ট সমগ্র Vue অ্যাপ্লিকেশনের রুট উপাদানের Vue উদাহরণ উপস্থাপন করে।
$root অবজেক্ট রুট এলিমেন্টে ব্যবহার করা হলে, এটি সেই বিবৃতির একটি উদাহরণকে নির্দেশ করে।
আপনি $root অবজেক্টটি ব্যবহার করতে পারেন সরাসরি একটি চাইল্ড কম্পোনেন্ট থেকে রুট ইনস্ট্যান্স অ্যাক্সেস করতে কম্পোনেন্ট ট্রি স্ট্রাকচার, কল মেথড, রিড বা ডাটা প্রোপার্টি পরিবর্তন ইত্যাদি।
দ্রষ্টব্য:
Vue উপাদানগুলির মধ্যে যোগাযোগের জন্য প্রপস/এমিট বা প্রদান/ইনজেক্ট ব্যবহার করার কথা বিবেচনা করুন, কারণ এগুলি স্পষ্টভাবে সংজ্ঞায়িত যোগাযোগ পাথের সাথে কোড বজায় রাখা সহজ।
আরো উদাহরণ
Example
একটি চাইল্ড এলিমেন্টে $root অবজেক্ট ব্যবহার করে কম্পোনেন্ট ট্রি স্ট্রাকচারে একাধিক লেভেল আপ রুট এলিমেন্টে <p> ট্যাগের রঙ পরিবর্তন করা।
Template
<template>
<div>
<h4>Grand Child Component</h4>
<p>Click the button to toggle the color of the P tag in the root component.</p>
<button v-on:click="this.$root.color='lightgreen'">Change color in root</button>
</div>
</template>