ডেভসংকেত

ভিউ জেএস পিনিয়া

পিনিয়া ভিউ জেস এর ডিফল্ট স্টোর লাইব্রেরী, এর মাধ্যমে ভিউ জেস এর কম্পোনেন্ট/পেইজ এর মধ্যে স্টোর থেকে তথ্য আদান প্রদান করা হয়। পিনিয়া নভেম্বর ২০১৯ সালের দিকে কম্পোজিশন এপিআই-এর সাথে ভিউ জেএস এর জন্য একটি স্টোর দেখতে কেমন হতে পারে তা পুনরায় ডিজাইন করার মাধ্যমে শুরু হয়েছিলো। পিনিয়া এর প্রাথমিক মূলনীতি একই থাকায় এটা ভিউ ২ এবং ভিউ ৩ উভয়ের সাথে কাজ করে। পিনিয়া ব্যাবহার করার জন্য কম্পোজিশন এপিয়াই বাধ্যতামূলক না , অপশন এপিয়াইয়েও একে ব্যাবহার করা যায়।

কন্ট্রিবিউটর

    শেয়ার করুন

    পিনিয়া অপশন এপিয়াই এর মত করে ব্যাবহার

    • একটি নতুন স্টোর সেট করতে চাইলে

      import { defineStore } from 'pinia'
      export const useStore = defineStore('main', {//store code here})
    • পিনিয়া স্টোর কে ভিউ প্রজেক্ট এ যুক্ত করতে চাইলে

      import { createPinia } from 'pinia'
      const pinia = createPinia()
      app.use(pinia)
    • পিনিয়া স্টোরে একটি কাউন্ট স্টেট সেট করতে চাইলে

      state: () => { return {count: 0,}}
    • পিনিয়া স্টোরে গেটার্স সেট করতে চাইলে

      getters: { doubleCount: (state) => state.count * 2,},
    • পিনিয়া স্টোরে একশন সেট করতে চাইলে

      actions: {randomizeCounter() {this.count = Math.round(100 * Math.random())},},

    ভিউ কম্পোনেন্ট(কম্পোজিশন এপিয়াই) এর মধ্যে পিনিয়া স্টোর এর ব্যাবহার

    • ভিউ কম্পোনেন্ট এ পিনিয়া স্টেট কে এক্সেস করতে চাইলে

      const store = useStore() 
       store.count++
    • ভিউ কম্পোনেন্ট এ পিনিয়া স্টেট কে রিসেট করতে চাইলে

      const store = useStore() 
       store.$reset()
    • ভিউ কম্পোনেন্ট এ পিনিয়া গেটার্স কে এক্সেস করতে চাইলে

      const store = useStore() 
       store.doubleCount
    • ভিউ কম্পোনেন্ট এ পিনিয়া একশন কে এক্সেস করতে চাইলে

      const store = useStore() 
       store.randomizeCounter()

    পিনিয়া কম্পোজিশন এপিয়াই এর মত করে ব্যাবহার

    • একটি নতুন স্টোর সেট করতে চাইলে

      export const useCounterStore = defineStore('counter', () => {//store code here})
    • পিনিয়া স্টোর কে ভিউ প্রজেক্ট এ যুক্ত করতে চাইলে

      import { createPinia } from 'pinia'
      const pinia = createPinia()
      app.use(pinia)
    • পিনিয়া স্টোরে একটি কাউন্ট স্টেট সেট করতে চাইলে

       const count = ref(0)
    • পিনিয়া স্টোরে গেটার্স সেট করতে চাইলে

      const doubleCount = computed(() => count.value * 2)
    • পিনিয়া স্টোরে একশন সেট করতে চাইলে

      function increment() {count.value++}

    ডেভসংকেত সম্পর্কে

    ডেভসংকেত এর লক্ষ্য হচ্ছে বাংলাতে একটা বড় চিটশিটের ভান্ডার গড়ে তোলা। এটা সম্পূর্ণ স্বাধীন এবং ওপেন সোর্স গিটহাব অর্গানাইজেশন।

    স্পন্সর