ভুজেএস: সংশোধিত সংস্করণের মধ্যে পার্থক্য
Nazmul.raj (আলোচনা | অবদান) "Vue.js" পাতাটি অনুবাদ করে তৈরি করা হয়েছে |
(কোনও পার্থক্য নেই)
|
০৫:৩২, ৮ এপ্রিল ২০১৯ তারিখে সংশোধিত সংস্করণ
Vue.js (সাধারণভাবে ভু হিসাবে উল্লেখ করা হয়েছে; উচ্চারিত /vjuː/ , মত মত ) হচ্ছে একটা মুক্ত সফটওয়্যার যা সাধারনত ইন্টারএক্টিভ ওয়েব এপলিকেশন তৈরির জন্য ব্যাবহার করা হয়ে থাকে । এবং যা সিংগেল পেজ এপ্লিকেশন তৈরির জন্য ব্যাবহার করা হয়ে থাকে [৪]
মূল উদ্ভাবক | ইভান ইউ |
---|---|
প্রাথমিক সংস্করণ | ফেব্রুয়ারি ২০১৪[১] |
স্থিতিশীল সংস্করণ | 2.6.10
/ ২০ মার্চ ২০১৯[২] |
রিপজিটরি | |
যে ভাষায় লিখিত | JavaScript |
আকার | 30.67 KB production 279 KB development |
ধরন | JavaScript framework |
লাইসেন্স | MIT License[৩] |
ওয়েবসাইট | vuejs |
সংক্ষিপ্ত বিবরণ
Vue.js একটি ক্রমবর্ধমানভাবে গ্রহণযোগ্য আর্কিটেকচার বৈশিষ্ট্য সমৃদ্ধ এবং যা রেন্ডারিং এবং কম্পনেন্ট বেজ কাজ করে । কোন ফাংশানের এডভান্সড ফিচারের প্রয়োগের জন্য এর রাউটিং , স্টেট ম্যানেজমেন্ট এবং বিল্ড টুলিংয়ের এর ব্যাবহার শুনিসচিত করতে হবে যাতে সহায়তাকারী লাইব্রেরি এবং প্যাকেজগুলির অন্তুর্ভুক্তি থাকবে । [৫]
ইতিহাস
ভু তৈরি করেছেন ইভান ইউ । যিনি এর আগে গুগল এর প্রডাক্ট এংগুলার যে এস ডেভেলপমেন্ট এ কাজ করেছেন । তিনি পরে তার চিন্তাধারার প্রক্রিয়াটি সংক্ষেপে তুলে ধরেন: "আমি মনে করি, আমি যদি এমন অংশটি বের করতে পারি যা কিনা সত্যি এংগুলার এর চাইতে হালকা হবে । " [৬] ভু মূলত ফেব্রুয়ারী 2014 সালে মুক্তি পায়।
বৈশিষ্ট্য
Vue ব্যবহারকারীরা ভু এর টেমপ্লেট সিস্টেম ইউজ করে কোড লিখতে পারেন বা JSX ব্যবহার করে সরাসরি রেন্ডার ফাংশন লিখতে পারেন । [৭] ভু এ ডাটা রেন্ডারিং পুরোটা কম্পোনেন্ট বেজ । । [৮]
রিঅ্যাকটিবিটি
Vue একটি প্রতিক্রিয়াশীলতা সিস্টেম যা প্লেইন জাভাস্ক্রিপ্ট অবজেক্ট এবং অপটিমাজিং রি-রেন্ডার ব্যাবহার করে । প্রতিটি উপাদান তার রেন্ডারিংয়ের সময় তার ডিপেন্ডেন্সির উপরে খেয়াল রাখে , তাই সিস্টেম বুঝতে পারে কখন রি এবং কোন এলিমেন্ট রি রেন্ডার হচ্ছে [৯]
উপাদান
<div id="tuto">
<button-clicked v-bind:initial-count="0"></button-clicked>
</div>
<script>
Vue.component('button-clicked', {
props: [ "initialCount" ],
data: () => ({
count: 0,
}),
template: `<button v-on:click="onClick">Clicked <nowiki>{{ count }}</nowiki> times</button>`,
computed: {
countTimesTwo() {
return this.count * 2;
}
}
watch: {
count(newValue, oldValue) {
console.log(`The value of count is changed from ${oldValue} to ${newValue}.`);
}
}
methods: {
onClick() {
this.count += 1;
}
},
mounted() {
this.count = this.initialCount;
}
});
new Vue({
el: '#tuto',
});
</script>
রাউটিং
<div id="app">
<router-view></router-view>
</div>
...
<script>
...
const User = {
template: '<div>User <nowiki>{{ $route.params.id }}</nowiki></div>'
}
const router = new VueRouter({
routes: [
{ path: '/user/:id', component: User }
]
})
...
</script>
উপরের কোডটি:
websitename.com/user/<id>
এ একটি ফ্রন্ট-এন্ড রাউট সেট করে।- যা রেন্ডার হবে (কনস্টেবল ব্যবহারকারী। । । )
- ব্যবহারকারীর নির্দিষ্ট উপাদানটি পাস করার জন্য ব্যবহারকারীর উপাদানকে অনুমতি দেয় যা $ রুট অবজেক্টের
$route.params.id
কী ব্যবহার করে URL এ টাইপ করা হয়েছিল:$route.params.id
। - ডম এর এলেমেন্ট গুলা এর মধ্যে
<router-view></router-view>
রেন্ডার করা হবে। - অবশেষে জেনারেট করা HTML আউটপুট ফাইল :
websitename.com/user/1
<div id="app">
<div>
<div>User 1</div>
</div>
</div>
আরো দেখুন
- জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক তুলনা
- প্রতিক্রিয়া
- AngularJS
- কৌণিক
- জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক
- Javascript লাইব্রেরি
- মডেল দেখুন-ViewModel
তথ্যসূত্র
- ↑ "First Week of Launching Vue.js"। Evan You।
- ↑ "Vue.js Releases"। GitHub।
- ↑ "vue/LICENSE"। GitHub। সংগ্রহের তারিখ ১৭ এপ্রিল ২০১৭।
- ↑ "Introduction — Vue.js" (ইংরেজি ভাষায়)। সংগ্রহের তারিখ ২০১৭-০৩-১১।
- ↑ "Evan is creating Vue.js | Patreon"। Patreon (ইংরেজি ভাষায়)। সংগ্রহের তারিখ ২০১৭-০৩-১১।
- ↑ "Between the Wires | Evan You"। Between the Wires। ২০১৬-১১-০৩। ২০১৭-০৬-০৩ তারিখে মূল থেকে আর্কাইভ করা। সংগ্রহের তারিখ ২০১৭-০৮-২৬।
- ↑ "Template Syntax — Vue.js" (ইংরেজি ভাষায়)। সংগ্রহের তারিখ ২০১৭-০৩-১১।
- ↑ "Vue 2.0 is Here!"। The Vue Point। ২০১৬-০৯-৩০। সংগ্রহের তারিখ ২০১৭-০৩-১১।
- ↑ "Reactivity in Depth — Vue.js" (ইংরেজি ভাষায়)। সংগ্রহের তারিখ ২০১৭-০৩-১১।
- ↑ You, Evan। "Vue Nested Routing (2)"। Vue Home Page (subpage)। সংগ্রহের তারিখ ১০ মে ২০১৭।