কোনও ভ্যু প্রকল্পে ভিউ এবং উপাদান ফোল্ডারগুলির মধ্যে পার্থক্য কী?

Question

আমি CLIVue.js প্রকল্পের সূচনা করার জন্য কমান্ড লাইনটি ( ) ব্যবহার করেছি just CLIএকটি নির্মিত src/componentsএবং src/viewsফোল্ডার।

আমি ভিউ প্রকল্পের সাথে কাজ করার কয়েক মাস হয়ে গেছে এবং ফোল্ডারটির কাঠামোটি আমার কাছে নতুন বলে মনে হচ্ছে।

কোন ভ্যু প্রকল্পের সাথে উত্পন্ন হ'ল viewsএবং componentsফোল্ডারগুলির মধ্যে পার্থক্য কী vue-cli?

Comments

আমি মনে করি না যে সেগুলি এই অর্থে আলাদা যে তারা উভয়ই একক-ফাইল দর্শন উপাদান। তবে আপনার পৃষ্ঠার দর্শনগুলি (Home.vue, About.vue, Checkout.vue) আপনার উপাদানগুলি থেকে আলাদা রাখা যেতে পারে (বাটন.ভ্যু, লোডিংস্প্পিনার.ভিউ, ইত্যাদি)

— জেফ

এটি কাঠামোর পার্থক্যের বিষয়ে কিছুটা আলোকিত করে: blog.pusher.com/new-vue-cli-simplifies-de

— વિકાસ

@ জেফ আপনি একজন রাজনীতিবিদ, যদি না হয় আপনার হওয়া উচিত। আপনি কেবল ওপস প্রশ্নটি পুনরাবৃত্তি করেছেন, তবে এটিকে উত্তরের মতো দেখানোর ব্যবস্থা করেছেন। হাঃ হাঃ হাঃ.

— প্রেস্টনডকস 23:18

Answer 1

প্রথমত, উভয় ফোল্ডার src/componentsএবং src/views, এবং ভ্যু উপাদান ধারণ করে।

কী পার্থক্য যে কিছু Vue উপাদান হিসাবে কাজ হয় দেখেছে রাউটিং জন্য।

সাধারণত ভ্যু রাউটারের সাথে ভিউতে রাউটিংয়ের সাথে কাজ করার সময় <router-view>উপাদানগুলিতে ব্যবহৃত বর্তমান ভিউটি স্যুইচ করার জন্য রুটগুলি সংজ্ঞায়িত করা হয় । এই রুটগুলি সাধারণত অবস্থিত src/router/routes.jsযেখানে আমরা এর মতো কিছু দেখতে পাচ্ছি:

import Home from '@/views/Home.vue'
import About from '@/views/About.vue'

export default [
  {
    path: '/',
    name: 'home',
    component: Home,
  },
  {
    path: '/about',
    name: 'about',
    component: About,
  },
]

এর অধীনে থাকা উপাদানগুলি src/componentsকোনও রুটে ব্যবহার করার সম্ভাবনা কম থাকে তবে এর অধীনে থাকা উপাদানগুলি src/viewsকমপক্ষে একটি রুট দ্বারা ব্যবহৃত হবে।

---

ভ্যু সিএলআই লক্ষ্য করে ভ্যু বাস্তুতন্ত্রের জন্য স্ট্যান্ডার্ড টুলিং বেসলাইন line এটি বিভিন্ন বিল্ড সরঞ্জামগুলি বুদ্ধিমান ডিফল্টগুলির সাথে একসাথে সুষ্ঠুভাবে কাজ করা নিশ্চিত করে যাতে আপনি কনফিগারেশনের সাথে ঝাঁকুনির দিন কাটানোর পরিবর্তে আপনার অ্যাপটি লেখার দিকে মনোনিবেশ করতে পারেন। একই সময়ে, এটি নির্গতকরণের প্রয়োজন ছাড়াই প্রতিটি সরঞ্জামের কনফিগারেশনটি টুইঙ্ক করার নমনীয়তা সরবরাহ করে।

ভ্যু সিএলআই দ্রুত Vue.js বিকাশের লক্ষ্য করে, এটি জিনিসগুলিকে সহজ রাখে এবং নমনীয়তা দেয়। এর লক্ষ্যটি হল একটি নতুন প্রকল্প স্থাপন এবং শুরু করার জন্য বিভিন্ন দক্ষতার স্তরের দলগুলিকে সক্ষম করা।

দিন শেষে এটি সুবিধার এবং অ্যাপ্লিকেশন কাঠামোর বিষয় ।

• কিছু লোক এই এন্টারপ্রাইজ বয়লারপ্লেটের src/routerমতো তাদের ভিউ ফোল্ডার রাখতে পছন্দ করে ।
• কিছু মানুষ এটা কল পেজ পরিবর্তে দেখেছে ।
• কিছু লোকের একই ফোল্ডারের নীচে তাদের সমস্ত উপাদান থাকে।

---

আপনি যে প্রকল্পে কাজ করছেন তার সর্বাধিক উপযুক্ত অ্যাপ্লিকেশন কাঠামোটি চয়ন করুন।

Comments

এটি 100% সঠিক। আপনি আপনার অ্যাপটিকে যে কোনও উপায়ে গঠন করতে পারেন যা আপনার কাছে বোধগম্য। আমি ব্যক্তিগতভাবে সমস্ত রুটের জন্য "src / পৃষ্ঠাগুলি" ব্যবহার করি। সেই ফোল্ডারে, আমি সাইটের প্রতিটি "অঞ্চল" এর জন্য সাব-ফোল্ডার তৈরি করব। উদাহরণস্বরূপ "এসসিআর / পৃষ্ঠাগুলি / প্রশ্নসমূহ" এবং সেই ফোল্ডারে আমার একটি সূচক.ভ্যু থাকবে যার মধ্যে প্রশ্নের তালিকা থাকবে। আমার একটি অ্যাড.ভ্যু হবে যা প্রশ্ন যুক্ত করার জন্য পৃষ্ঠাগুলি হবে etc. ইত্যাদি "পৃষ্ঠাগুলি" সাধারণত "পৃষ্ঠা" তৈরির জন্য প্রয়োজনীয় উপাদানগুলি একত্রিত করে। আমার "এসসিআর / উপাদানগুলি" ফোল্ডারে আমি নেভিগেশন, ফর্ম উপাদানসমূহ, কাস্টম ভাগ করা উপাদানগুলি ইত্যাদির জন্য সাবফোল্ডার তৈরি করব ...

— টিম উইকস্ট্রোম

আমি ধরে নিই যে পপআপ / মোডাল উইন্ডোগুলির মতো উপাদানগুলি src/componentsএই কনভেনশন দ্বারা যায়?

— সাইমন থিয়েল

@Ricky, আমি আপনাকে জিজ্ঞাসা করে দেওয়ার একটি Vue.JS কটাক্ষপাত বই 'ফুল স্ট্যাক Vue.js 2 এবং Laravel 5' Anthone গোর এখানে দ্বারা GitHub মধ্যে সোর্স কোড সঙ্গে সম্পর্কিত প্রশ্ন করতে পারেন: stackoverflow.com/questions/ 59245577 /… ? বিশেষত EDIT এ দেখুন:

— ওপি'র বিভাগ

আমরা কি বলতে পারি যে ভিউয়ের অভ্যন্তরগুলি উপাদানগুলির উপাদান? উদাহরণস্বরূপ, আমার তালিকার ভিউতে একাধিক উপাদান থাকতে পারে এবং এই উপাদানগুলি একক উপাদানের ভিতরে রাখা / মোড়ানো হয়?

— আয়ুষ

Answer 2

আমি মনে করি এটি আরও একটি সম্মেলন of পুনরায় ব্যবহারযোগ্য এমন কিছু কিছু এসআরসি / উপাদান ফোল্ডারে রাখা যেতে পারে যা রাউটারের সাথে আবদ্ধ এমন কিছু কিছু এসআরসি / ভিউতে রাখা যেতে পারে

Answer 3

সাধারণত পুনরায় ব্যবহারযোগ্য মতামত src/componentsডিরেক্টরিতে রাখার পরামর্শ দেওয়া হয় । শিরোনাম, পাদলেখ, বিজ্ঞাপন, গ্রিড বা কোনও কাস্টম নিয়ন্ত্রণের মতো উদাহরণগুলি স্টাইলযুক্ত পাঠ্য বাক্স বা বোতাম পছন্দ করে। এক বা একাধিক উপাদান একটি দৃশ্যের ভিতরে অ্যাক্সেস করা যেতে পারে।

একটি ভিউতে উপাদান (গুলি) থাকতে পারে এবং একটি দৃশ্য আসলে নেভিগেশন ইউআরএল দ্বারা অ্যাক্সেস করার উদ্দেশ্যে তৈরি হয়। তারা সাধারণত স্থাপন করা হয় src/views।

মনে রাখবেন যে আপনি url এর মাধ্যমে উপাদানগুলি অ্যাক্সেস করতে সীমাবদ্ধ নন। আপনি যেকোন উপাদান যুক্ত করতে router.jsএবং এটিতে অ্যাক্সেস করতে মুক্ত। তবে যদি আপনি এটি করার ইচ্ছা করেন তবে আপনি এটিকে src/viewsরাখার পরিবর্তে এটিতে স্থানান্তরিত করতে পারেন src/components।

উপাদানগুলি হ'ল এসপ নেট ওয়েব ফর্মগুলির সাথে উপমা অনুসারে ব্যবহারকারী-নিয়ন্ত্রণ।

আরও ভাল রক্ষণাবেক্ষণ এবং পঠনযোগ্যতার জন্য এটি আপনার কোডের কাঠামোগত সম্পর্কে।

Answer 4

উভয় ফোল্ডার মূলত দুটি একই উপাদান হিসাবে একই থাকে তবে ভয়ের নান্দনিকতা হ'ল যে উপাদানগুলি পৃষ্ঠা হিসাবে কাজ করবে (নেভিগেশনের জন্য পৃষ্ঠা পছন্দ করতে সক্ষম হবে) /viewsফোল্ডারে রাখা হবে , আবার ফর্ম ক্ষেত্রের মতো পুনরায় ব্যবহারযোগ্য উপাদানগুলি /componentsফোল্ডারে রাখা হবে ।