Skip to content

Commit

Permalink
Merge pull request #51 from abuansarpatowary/api/render-function.md
Browse files Browse the repository at this point in the history
docs: api/render function.md translation
  • Loading branch information
mahmudunnabikajal authored Sep 12, 2023
2 parents 9586d7f + 311be3d commit 118df40
Showing 1 changed file with 52 additions and 52 deletions.
104 changes: 52 additions & 52 deletions src/api/render-function.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@

## h() {#h}

Creates virtual DOM nodes (vnodes).
ভার্চুয়াল DOM নোড (vnodes) তৈরি করে।

- **Type**
- **প্রকার**

```ts
// full signature
Expand All @@ -24,19 +24,19 @@ Creates virtual DOM nodes (vnodes).
type Slots = { [name: string]: Slot }
```
> Types are simplified for readability.
> টাইপগুলি রিডিবিলিটির জন্য সরলীকৃত।
- **Details**
- **বিস্তারিত**
The first argument can either be a string (for native elements) or a Vue component definition. The second argument is the props to be passed, and the third argument is the children.
প্রথম আরগুমেন্টটি হয় একটি স্ট্রিং (নেটিভ ইলিমেন্টগুলির জন্য) বা একটি Vue কম্পোনেন্ট ডেফিনেইশন হতে পারে। দ্বিতীয় আরগুমেন্টটি হল প্রপস পাস করা, এবং তৃতীয় আর্গুমেন্ট হল চিল্ডেন।
When creating a component vnode, the children must be passed as slot functions. A single slot function can be passed if the component expects only the default slot. Otherwise, the slots must be passed as an object of slot functions.
একটি কম্পোনেন্ট vnode তৈরি করার সময়, চিল্ডেনকে স্লট ফাংশন হিসাবে পাস করা আবশ্যক. একটি সিঙ্গেল স্লট ফাংশন পাস করা যেতে পারে যদি কম্পোনেন্টটি শুধুমাত্র ডিফল্ট স্লট এক্সপেক্ট করে। অন্যথায়, স্লটগুলিকে স্লট ফাংশনগুলির একটি অবজেক্ট হিসাবে পাস করতে হবে।
For convenience, the props argument can be omitted when the children is not a slots object.
সুবিধার জন্য, প্রপস আর্গুমেন্ট বাদ দেওয়া যেতে পারে যখন চিল্ডেন স্লট অবজেক্ট না হয়।
- **Example**
- **উদাহরন**
Creating native elements:
নেটিভ ইলিমেন্টস তৈরি করা:
```js
import { h } from 'vue'
Expand Down Expand Up @@ -67,7 +67,7 @@ Creates virtual DOM nodes (vnodes).
h('div', ['hello', h('span', 'hello')])
```

Creating components:
কম্পোনেন্টস তৈরি করা:

```js
import Foo from './Foo.vue'
Expand All @@ -93,29 +93,29 @@ Creates virtual DOM nodes (vnodes).
})
```

- **See also** [Guide - Render Functions - Creating VNodes](/guide/extras/render-function#creating-vnodes)
- **আরো দেখুন** [Guide - Render Functions - Creating VNodes](/guide/extras/render-function#creating-vnodes)

## mergeProps() {#mergeprops}

Merge multiple props objects with special handling for certain props.
নির্দিষ্ট প্রপসের জন্য বিশেষ হ্যান্ডলিং সহ একাধিক প্রপস অবজেক্ট মার্জ করুন।

- **Type**
- **প্রকার**

```ts
function mergeProps(...args: object[]): object
```

- **Details**
- **বিস্তারিত**

`mergeProps()` supports merging multiple props objects with special handling for the following props:
`mergeProps()` নিম্নলিখিত প্রপসের জন্য বিশেষ হ্যান্ডলিং সহ একাধিক প্রপস অবজেক্ট মার্জিং সাপোর্ট করে:

- `class`
- `style`
- `onXxx` event listeners - multiple listeners with the same name will be merged into an array.
- `onXxx` ইভেন্ট লিসেনার - একই নামের একাধিক লিসেনার একটি অ্যারেতে মার্জ হবে।

If you do not need the merge behavior and want simple overwrites, native object spread can be used instead.
আপনার যদি মার্জ বিহ্যেভিয়ার প্রয়োজন না হয় এবং সিম্পল ওভাররাইট চান, তাহলে এর পরিবর্তে নেটিভ অবজেক্ট স্প্রেড ব্যবহার করা যেতে পারে।

- **Example**
- **উদাহরন**

```js
import { mergeProps } from 'vue'
Expand All @@ -141,23 +141,23 @@ Merge multiple props objects with special handling for certain props.

## cloneVNode() {#clonevnode}

Clones a vnode.
একটি vnode তৈরি করা।

- **Type**
- **প্রকার**

```ts
function cloneVNode(vnode: VNode, extraProps?: object): VNode
```

- **Details**
- **বিস্তারিত**

Returns a cloned vnode, optionally with extra props to merge with the original.
একটি ক্লোন করা Vnode রিটার্ন দেয়, অপশনালি অরিজিনালটির সাথে মার্জ করার জন্য এক্সট্রা প্রপস সহ।

Vnodes should be considered immutable once created, and you should not mutate the props of an existing vnode. Instead, clone it with different / extra props.
একবার তৈরি হয়ে গেলে Vnode-গুলিকে অপরিবর্তনীয় হিসাবে বিবেচনা করা উচিত এবং আপনার বিদ্যমান vnode-এর প্রপসগুলিকে পরিবর্তন করা উচিত নয়। পরিবর্তে, এটি বিভিন্ন / অতিরিক্ত প্রপস দিয়ে ক্লোন করুন।

Vnodes have special internal properties, so cloning them is not as simple as an object spread. `cloneVNode()` handles most of the internal logic.
vnode-এর বিশেষ ইন্টারন্যাল প্রোপার্টিস রয়েছে, তাই তাদের ক্লোন করা একটি অবজেক্টের স্পেডের মতো সিম্পল নয়। `cloneVNode()` বেশিরভাগ ইন্টারন্যাল লজিক পরিচালনা করে।

- **Example**
- **উদাহরন**

```js
import { h, cloneVNode } from 'vue'
Expand All @@ -168,33 +168,33 @@ Clones a vnode.

## isVNode() {#isvnode}

Checks if a value is a vnode.
একটি ভ্যালু vnode কিনা পরীক্ষা করে.

- **Type**
- **প্রকার**

```ts
function isVNode(value: unknown): boolean
```

## resolveComponent() {#resolvecomponent}

For manually resolving a registered component by name.
নেইম অনুসারে একটি রেজিস্ট্রাড কম্পোনেন্ট ম্যানুয়ালি সমাধানের জন্য।

- **Type**
- **প্রকার**

```ts
function resolveComponent(name: string): Component | string
```

- **Details**
- **বিস্তারিত**

**Note: you do not need this if you can import the component directly.**
**Note: আপনি যদি সরাসরি কম্পোনেন্ট ইম্পোর্ট করতে পারেন তবে আপনার এটির প্রয়োজন নেই।**

`resolveComponent()` must be called inside<span class="composition-api"> either `setup()` or</span> the render function in order to resolve from the correct component context.
`resolveComponent()` কে অবশ্যই <span class="composition-api"> হয় `setup()` অথবা </span> রেন্ডার ফাংশনের ভিতরে কল করতে হবে, যাতে কারেক্ট কম্পোনেন্টের কন্টেক্স থেকে সমাধান করা যায়।

If the component is not found, a runtime warning will be emitted, and the name string is returned.
যদি কম্পোনেন্টটি পাওয়া না যায়, একটি রানটাইম সতর্কতা নির্গত হবে এবং নেইম স্ট্রিংটি রিটার্ন দেওয়া হবে।

- **Example**
- **উদাহরন**

<div class="composition-api">

Expand Down Expand Up @@ -228,33 +228,33 @@ For manually resolving a registered component by name.

</div>

- **See also** [Guide - Render Functions - Components](/guide/extras/render-function#components)
- **আরো দেখুন** [Guide - Render Functions - Components](/guide/extras/render-function#components)

## resolveDirective() {#resolvedirective}

For manually resolving a registered directive by name.
নেইম দ্বারা একটি রেজিস্ট্রাড ডিরেক্টিভ ম্যানুয়ালি সমাধানের জন্য।

- **Type**
- **প্রকার**

```ts
function resolveDirective(name: string): Directive | undefined
```

- **Details**
- **বিস্তারিত**

**Note: you do not need this if you can import the directive directly.**
**Note: আপনি যদি সরাসরি কম্পোনেন্ট ইম্পোর্ট করতে পারেন তবে আপনার এটির প্রয়োজন নেই।**

`resolveDirective()` must be called inside<span class="composition-api"> either `setup()` or</span> the render function in order to resolve from the correct component context.
কারেক্ট কম্পোনেন্ট কনটেক্স থেকে সমাধান করার জন্য `resolveDirective()` কে অবশ্যই <span class="composition-api"> হয় `setup()` অথবা </span> রেন্ডার ফাংশনের ভিতরে কল করতে হবে।

If the directive is not found, a runtime warning will be emitted, and the function returns `undefined`.
যদি ডিরেক্টিভটি না পাওয়া যায়, একটি রানটাইম সতর্কতা নির্গত হবে, এবং ফাংশনটি `undefined` প্রদান করে।

- **See also** [Guide - Render Functions - Custom Directives](/guide/extras/render-function#custom-directives)
- **আরো দেখুন** [Guide - Render Functions - Custom Directives](/guide/extras/render-function#custom-directives)

## withDirectives() {#withdirectives}

For adding custom directives to vnodes.
vnodes-এ কাস্টম ডিরেক্টিভ অ্যাড করার জন্য.

- **Type**
- **প্রকার**

```ts
function withDirectives(
Expand All @@ -271,11 +271,11 @@ For adding custom directives to vnodes.
>
```

- **Details**
- **বিস্তারিত**

Wraps an existing vnode with custom directives. The second argument is an array of custom directives. Each custom directive is also represented as an array in the form of `[Directive, value, argument, modifiers]`. Tailing elements of the array can be omitted if not needed.
কাস্টম ডিরেক্টিভসহ একটি বিদ্যমান vnode মোড়ানো। দ্বিতীয় আরগুমেন্টটি কাস্টম ডিরেক্টিভগুলোর একটি অ্যারে। প্রতিটি কাস্টম ডিরেক্টিভ `[Directive, value, argument, modifiers]` আকারে একটি অ্যারে হিসাবেও উপস্থাপন করা হয়। প্রয়োজন না হলে অ্যারের টেইলিং ইলিমেন্টগুলি বাদ দেওয়া যেতে পারে।

- **Example**
- **উদাহরন**

```js
import { h, withDirectives } from 'vue'
Expand All @@ -296,19 +296,19 @@ For adding custom directives to vnodes.
])
```

- **See also** [Guide - Render Functions - Custom Directives](/guide/extras/render-function#custom-directives)
- **আরো দেখুন** [Guide - Render Functions - Custom Directives](/guide/extras/render-function#custom-directives)

## withModifiers() {#withmodifiers}

For adding built-in [`v-on` modifiers](/guide/essentials/event-handling#event-modifiers) to an event handler function.
একটি ইভেন্ট হ্যান্ডলার ফাংশনে বিল্ট-ইন [`v-on` modifiers](/guide/essentials/event-handling#event-modifiers) যোগ করার জন্য।

- **Type**
- **প্রকার**

```ts
function withModifiers(fn: Function, modifiers: string[]): Function
```

- **Example**
- **উদাহরন**

```js
import { h, withModifiers } from 'vue'
Expand All @@ -321,4 +321,4 @@ For adding built-in [`v-on` modifiers](/guide/essentials/event-handling#event-mo
})
```

- **See also** [Guide - Render Functions - Event Modifiers](/guide/extras/render-function#event-modifiers)
- **আরো দেখুন** [Guide - Render Functions - Event Modifiers](/guide/extras/render-function#event-modifiers)

0 comments on commit 118df40

Please sign in to comment.