Skip to content

Commit 02d28e2

Browse files
last three sections translated
1 parent 7fce14a commit 02d28e2

File tree

1 file changed

+31
-31
lines changed

1 file changed

+31
-31
lines changed

src/api/options-state.md

Lines changed: 31 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -254,9 +254,9 @@
254254

255255
## watch {#watch}
256256

257-
Declare watch callbacks to be invoked on data change.
257+
ওয়াচ কলব্যাককে ডিক্লার করুন ডেটা পরিবর্তনের জন্য আহ্বান করা হবে।
258258

259-
- **Type**
259+
- **প্রকার**
260260

261261
```ts
262262
interface ComponentOptions {
@@ -283,24 +283,24 @@ Declare watch callbacks to be invoked on data change.
283283
}
284284
```
285285
286-
> Types are simplified for readability.
286+
> টাইপগুলি পঠনযোগ্যতার জন্য সহজ করা হয়েছে ।
287287
288-
- **Details**
288+
- **বিস্তারিত**
289289
290-
The `watch` option expects an object where keys are the reactive component instance properties to watch (e.g. properties declared via `data` or `computed`) — and values are the corresponding callbacks. The callback receives the new value and the old value of the watched source.
290+
`watch` অপশনটি এমন একটি অবজেক্ট প্রত্যাশা করে যেখানে কী গুলি হল রিয়েক্টিভ কম্পোনেন্ট ইন্সট্যান্স প্রপার্টিগুলি দেখার জন্য (যেমন বৈশিষ্ট্যগুলি `data` বা `computed` এর মাধ্যমে ডিক্লারড) — এবং ভ্যালুগুলি সংশ্লিষ্ট কলব্যাক। কলব্যাক নতুন ভ্যালু এবং প্রেক্ষিত উৎসের পুরানো ভ্যালু গ্রহণ করে।
291291
292-
In addition to a root-level property, the key can also be a simple dot-delimited path, e.g. `a.b.c`. Note that this usage does **not** support complex expressions - only dot-delimited paths are supported. If you need to watch complex data sources, use the imperative [`$watch()`](/api/component-instance#watch) API instead.
292+
একটি রুট-লেভেল প্রপার্টি ছাড়াও, কী টি একটি সাধারণ ডট-ডিলিমিটেড পাথও হতে পারে, যেমন `a.b.c` মনে রাখবেন যে এই ব্যবহার জটিল এক্সপ্রেশনগুলিকে **সাপোর্ট করে না** - শুধুমাত্র ডট-ডিলিমিটেড পাথ সমর্থিত। আপনি যদি জটিল ডেটা সোর্সগুলি দেখতে চান তবে এর পরিবর্তে ইম্পারেটিভ [`$watch()`](/api/component-instance#watch) API ব্যবহার করুন।
293293
294-
The value can also be a string of a method name (declared via `methods`), or an object that contains additional options. When using the object syntax, the callback should be declared under the `handler` field. Additional options include:
294+
ভ্যালুটি একটি মেথডের নামের একটি স্ট্রিংও হতে পারে (`method` এর মাধ্যমে ডিক্লার করা হয়েছে), বা এডিশনাল অপশন রয়েছে এমন একটি অবজেক্ট। অবজেক্ট সিনট্যাক্স ব্যবহার করার সময়, `handler` ক্ষেত্রের অধীনে কলব্যাক ডিক্লার করা উচিত। এডিশনাল অপশন অন্তর্ভুক্ত:
295295
296-
- **`immediate`**: trigger the callback immediately on watcher creation. Old value will be `undefined` on the first call.
297-
- **`deep`**: force deep traversal of the source if it is an object or an array, so that the callback fires on deep mutations. See [Deep Watchers](/guide/essentials/watchers#deep-watchers).
298-
- **`flush`**: adjust the callback's flush timing. See [Callback Flush Timing](/guide/essentials/watchers#callback-flush-timing) and [`watchEffect()`](/api/reactivity-core#watcheffect).
299-
- **`onTrack / onTrigger`**: debug the watcher's dependencies. See [Watcher Debugging](/guide/extras/reactivity-in-depth#watcher-debugging).
296+
- **`immediate`**: ওয়াচার তৈরিতে অবিলম্বে কলব্যাক ট্রিগার করুন। প্রথম কলে পুরানো ভ্যালু `undefined` হবে।
297+
- **`deep`**: সোর্সের ডীপ ট্র্যাভার্সাল ফোর্স করে যদি এটি কোনো অবজেক্ট বা অ্যারে হয়, যাতে কলব্যাক ডীপ মিউটেশনের উপর সক্রিয় হয়। [Deep Watchers](/guide/essentials/watchers#deep-watchers) দেখুন।
298+
- **`flush`**: কলব্যাকের ফ্লাশের সময় সামঞ্জস্য করুন। [Callback Flush Timing](/guide/essentials/watchers#callback-flush-timing) এবং [`watchEffect()`](/api/reactivity-core#watcheffect) দেখুন।
299+
- **`onTrack / onTrigger`**: ওয়াচারের ডিপেন্ডেন্সিসমূহ ডিবাগ করুন। [Watcher Debugging](/guide/extras/reactivity-in-depth#watcher-debugging) দেখুন।
300300
301-
Avoid using arrow functions when declaring watch callbacks as they will not have access to the component instance via `this`.
301+
ওয়াচ কলব্যাক ডিক্লার করার সময় অ্যারো ফাংশন ব্যবহার করা এড়িয়ে চলুন কারণ তারা `this` এর মাধ্যমে কম্পোনেন্ট ইন্সট্যান্সে অ্যাক্সেস পাবে না।
302302
303-
- **Example**
303+
- **উদাহরন**
304304
305305
```js
306306
export default {
@@ -368,13 +368,13 @@ Declare watch callbacks to be invoked on data change.
368368
}
369369
```
370370

371-
- **See also** [Watchers](/guide/essentials/watchers)
371+
- **আরো দেখুন** [Watchers](/guide/essentials/watchers)
372372

373373
## emits {#emits}
374374

375-
Declare the custom events emitted by the component.
375+
কম্পোনেন্ট দ্বারা কাস্টম ইভেন্ট ইমিটেড ডিক্লার করুন।
376376

377-
- **Type**
377+
- **প্রকার**
378378

379379
```ts
380380
interface ComponentOptions {
@@ -388,18 +388,18 @@ Declare the custom events emitted by the component.
388388
type EmitValidator = (...args: unknown[]) => boolean
389389
```
390390
391-
- **Details**
391+
- **বিস্তারিত**
392392
393-
Emitted events can be declared in two forms:
393+
ইমিটেড ইভেন্ট দুটি ফর্মস ডিক্লার করা যেতে পারে:
394394
395-
- Simple form using an array of strings
396-
- Full form using an object where each property key is the name of the event, and the value is either `null` or a validator function.
395+
- সহজ ফর্ম ব্যবহার করে স্ট্রিংগুলির একটি অ্যারে।
396+
- একটি অবজেক্ট ব্যবহার করে সম্পূর্ণ ফর্ম যেখানে প্রতিটি প্রপার্টি কী ইভেন্টের নাম, এবং ভ্যালুটি হয় `null` বা একটি ভ্যালিডেটর ফাংশন।
397397
398-
The validation function will receive the additional arguments passed to the component's `$emit` call. For example, if `this.$emit('foo', 1)` is called, the corresponding validator for `foo` will receive the argument `1`. The validator function should return a boolean to indicate whether the event arguments are valid.
398+
ভ্যালিডেশন ফাংশন কম্পোনেন্টটির `$emit` কলে পাস করা অ্যাডিশনাল আর্গুমেন্টগুলি পাবে। উদাহরণস্বরূপ, যদি `this.$emit('foo', 1)` বলা হয়, তাহলে `foo` এর জন্য সংশ্লিষ্ট যাচাইকারী আর্গুমেন্ট `1` পাবে। ইভেন্ট আর্গুমেন্ট বৈধ কিনা তা নির্দেশ করতে ভ্যালিডেটর ফাংশন একটি বুলিয়ান রিটার্ন করবে।
399399
400-
Note that the `emits` option affects which event listeners are considered component event listeners, rather than native DOM event listeners. The listeners for declared events will be removed from the component's `$attrs` object, so they will not be passed through to the component's root element. See [Fallthrough Attributes](/guide/components/attrs) for more details.
400+
মনে রাখবেন যে `emits` অপশনটি প্রভাবিত করে কোন ইভেন্ট লিসেনারকে কম্পোনেন্ট ইভেন্ট লিসেনারস হিসাবে বিবেচনা করা হয়, নেটিভ DOM ইভেন্ট লিসেনারস এর পরিবর্তে। ডিক্লারড ইভেন্টেস লিসেনারস কম্পোনেন্টের `$attrs` অবজেক্ট থেকে রিমুভ করা হবে, তাই সেগুলিকে কম্পোনেন্টের রুট এলিমেন্টে পাস করা হবে না। আরও বিস্তারিত জানার জন্য [Fallthrough Attributes](/guide/components/attrs) দেখুন।
401401
402-
- **Example**
402+
- **উদাহরন**
403403
404404
Array syntax:
405405
@@ -433,31 +433,31 @@ Declare the custom events emitted by the component.
433433
}
434434
```
435435

436-
- **See also**
436+
- **আরো দেখুন**
437437
- [Guide - Fallthrough Attributes](/guide/components/attrs)
438438
- [Guide - Typing Component Emits](/guide/typescript/options-api#typing-component-emits) <sup class="vt-badge ts" />
439439

440440
## expose {#expose}
441441

442-
Declare exposed public properties when the component instance is accessed by a parent via template refs.
442+
টেমপ্লেট রেফের মাধ্যমে প্যারেন্টের দ্বারা কম্পোনেন্টের ইন্সট্যান্স অ্যাক্সেস করা হলে এক্সপোজড করা পাব্লিক প্রপার্টিগুলো ডিক্লার করুন।
443443

444-
- **Type**
444+
- **প্রকার**
445445

446446
```ts
447447
interface ComponentOptions {
448448
expose?: string[]
449449
}
450450
```
451451

452-
- **Details**
452+
- **বিস্তারিত**
453453

454-
By default, a component instance exposes all instance properties to the parent when accessed via `$parent`, `$root`, or template refs. This can be undesirable, since a component most likely has internal state or methods that should be kept private to avoid tight coupling.
454+
ডিফল্টভাবে, `$parent`, `$root`, বা টেমপ্লেট রেফের মাধ্যমে অ্যাক্সেস করার সময় একটি কম্পোনেন্ট ইনস্ট্যান্স প্যারেন্টের কাছে সমস্ত ইন্সট্যান্স প্রপার্টিগুলো প্রকাশ করে। এটি অবাঞ্ছিত হতে পারে, যেহেতু একটি কম্পোনেন্টের সম্ভবত ইন্টারন্যাল স্টেইট বা মেথড রয়েছে যা টাইট কাপলিং এড়াতে প্রাইভেট রাখা উচিত।
455455

456-
The `expose` option expects a list of property name strings. When `expose` is used, only the properties explicitly listed will be exposed on the component's public instance.
456+
`expose` অপশনটি প্রপার্টির নামের স্ট্রিংগুলির একটি লিস্ট এক্সপেক্ট করে। যখন `expose` ব্যবহার করা হয়, শুধুমাত্র সুস্পষ্টভাবে তালিকাভুক্ত প্রপার্টিগুলো কম্পোনেন্টের পাব্লিক ইন্সট্যান্সে এক্সপোজড করা হবে।
457457

458-
`expose` only affects user-defined properties - it does not filter out built-in component instance properties.
458+
`expose` শুধুমাত্র ইউজার-ডিফাইনড প্রপার্টিগুলোকে প্রভাবিত করে - এটি বিল্ট-ইন কম্পোনেন্ট ইন্সট্যান্স প্রপার্টিগুলোকে ফিল্টার করে না।
459459

460-
- **Example**
460+
- **উদাহরন**
461461

462462
```js
463463
export default {

0 commit comments

Comments
 (0)