ডেভসংকেত

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

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

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

  • nurRiyad

শেয়ার করুন

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

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

    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++}

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

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

স্পন্সর