ভুজেএস: সংশোধিত সংস্করণের মধ্যে পার্থক্য

বিষয়বস্তু বিয়োগ হয়েছে বিষয়বস্তু যোগ হয়েছে
Nazmul.raj (আলোচনা | অবদান)
"Vue.js" পাতাটি অনুবাদ করে তৈরি করা হয়েছে
(কোনও পার্থক্য নেই)

০৫:৩২, ৮ এপ্রিল ২০১৯ তারিখে সংশোধিত সংস্করণ

Vue.js (সাধারণভাবে ভু হিসাবে উল্লেখ করা হয়েছে; উচ্চারিত /vj/ , মত মত ) হচ্ছে একটা মুক্ত সফটওয়্যার যা সাধারনত ইন্টারএক্টিভ ওয়েব এপলিকেশন তৈরির জন্য ব্যাবহার করা হয়ে থাকে । এবং যা সিংগেল পেজ এপ্লিকেশন তৈরির জন্য ব্যাবহার করা হয়ে থাকে [৪]

Vue.js
মূল উদ্ভাবকইভান ইউ
প্রাথমিক সংস্করণফেব্রুয়ারি ২০১৪; ১০ বছর আগে (2014-02)[১]
স্থিতিশীল সংস্করণ
2.6.10 / ২০ মার্চ ২০১৯; ৫ বছর আগে (2019-03-20)[২]
রিপজিটরি উইকিউপাত্তে এটি সম্পাদনা করুন
যে ভাষায় লিখিতJavaScript
আকার30.67 KB production
279 KB development
ধরনJavaScript framework
লাইসেন্সMIT License[৩]
ওয়েবসাইটvuejs.org

সংক্ষিপ্ত বিবরণ

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>

উপরের কোডটি:

  1. websitename.com/user/<id> এ একটি ফ্রন্ট-এন্ড রাউট সেট করে।
  2. যা রেন্ডার হবে (কনস্টেবল ব্যবহারকারী। । । )
  3. ব্যবহারকারীর নির্দিষ্ট উপাদানটি পাস করার জন্য ব্যবহারকারীর উপাদানকে অনুমতি দেয় যা $ রুট অবজেক্টের $route.params.id কী ব্যবহার করে URL এ টাইপ করা হয়েছিল: $route.params.id
  4. ডম এর এলেমেন্ট গুলা এর মধ্যে <router-view></router-view> রেন্ডার করা হবে।
  5. অবশেষে জেনারেট করা HTML আউটপুট ফাইল : websitename.com/user/1


<div id="app">
  <div>
    <div>User 1</div>
  </div>
</div>


[১০]

আরো দেখুন

  • জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক তুলনা
  • প্রতিক্রিয়া
  • AngularJS
  • কৌণিক
  • জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক
  • Javascript লাইব্রেরি
  • মডেল দেখুন-ViewModel

তথ্যসূত্র

  1. "First Week of Launching Vue.js"Evan You 
  2. "Vue.js Releases"GitHub 
  3. "vue/LICENSE"GitHub। সংগ্রহের তারিখ ১৭ এপ্রিল ২০১৭ 
  4. "Introduction — Vue.js" (ইংরেজি ভাষায়)। সংগ্রহের তারিখ ২০১৭-০৩-১১ 
  5. "Evan is creating Vue.js | Patreon"Patreon (ইংরেজি ভাষায়)। সংগ্রহের তারিখ ২০১৭-০৩-১১ 
  6. "Between the Wires | Evan You"Between the Wires। ২০১৬-১১-০৩। ২০১৭-০৬-০৩ তারিখে মূল থেকে আর্কাইভ করা। সংগ্রহের তারিখ ২০১৭-০৮-২৬ 
  7. "Template Syntax — Vue.js" (ইংরেজি ভাষায়)। সংগ্রহের তারিখ ২০১৭-০৩-১১ 
  8. "Vue 2.0 is Here!"The Vue Point। ২০১৬-০৯-৩০। সংগ্রহের তারিখ ২০১৭-০৩-১১ 
  9. "Reactivity in Depth — Vue.js" (ইংরেজি ভাষায়)। সংগ্রহের তারিখ ২০১৭-০৩-১১ 
  10. You, Evan। "Vue Nested Routing (2)"Vue Home Page (subpage)। সংগ্রহের তারিখ ১০ মে ২০১৭ 

বাহ্যিক লিঙ্ক