روترهای تو در تو در vue js و scss درvue js
سلام خسته نباشید.
روترهای من به این شکل تعریف شده
export default [
{
path: '/',
component:layout,
redirect:'/dashbord',
children:[
{
name:'dashbord',
path:'dashbord',
component:dashbord
},
]
}
]و درون فایل app.vue هم که مادر همه هست این شکله
<div>
<router-view></router-view>
</div>درون کامپونت layout هم به این شکله
<template>
<div>
<navbar-vue></navbar-vue>
<sideBar-vue></sideBar-vue>
<router-view></router-view>
<footer-vue></footer-vue>
</div>
</template>
من از این شیوه خروجی دلخواهمو میگیرم ولی اما نمیدونم چرا روترها تو درتو شده؟ (چرا با view router که تو app هست کارمون راه نمیفته)
ممنون میشم کسی نحوه ی عملکردو نقش children رو توضیح بده:)
و اینکه فایل ها هم سبکه و گذاشتم پایین اگه کسی منظورم رو متوجه نشد.اونارو چک کنه
http://s2.picofile.com/file/8372737276/dashbord.zip.html
و سئوال آخر استایل دهی با استفاده از scss برای کامپونت ها امکان پذیره؟
<style lang="scss">
</style>وقتی lang رو scss گذاشتیم من میخام فایل scss ایمپورت کنم . در کنارش فایلcss هم میشه ایمپورت کرد?(به main js)
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
خواهش میکنم
کاری به لاراول نداره شما در نظر بگیرین پنل ادمین چون همه روت ها sidebar و header و footer دارن پس باید توی همه اونا این کامپوننت ها رو لود کنین کاری به جای اینکه دستی این کارو انجام بدین(که بیخودیه vue-router توی همه روت های ادمین(مثلا) این کامپوننت ها یا هرچیز دیگه رو لود میکنه
من خیلی با دیزیان سروکار نداشتم ولی میدونم که اینکه میخاین توی main.js لود بشن یعنی اینکه css هاتونو global میکنین یعنی هرجایی مورد استفاده قرار میگیره و اینکه اگه توی کامپوننت ها باشه یعنی مختص اون کامپوننته (به صورت دیفالت)
https://vue-loader.vuejs.org/guide/pre-processors.html
این روت های تودرتو خیلی کاربرد دارن اگه با لاراول کار کرده باشین میشه بخش yield و extend کردن توی blade
ولی این جوری بگم طبق خود داکیومنت هاش شما مثلا یه پنل دارین که اونجا هم روت های مربوط به خودشو داره ولی همه روت ها شامل
<navbar-vue></navbar-vue>
<sideBar-vue></sideBar-vue>
<footer-vue></footer-vue>این سه کامپوننت میشن وفقط بخش وسطش متغییره پس اونو تغییر میدین به صورت زیر
/dashboard/ dashboard/posts
+------------------+ +-----------------+
| sidebar | | sidebar |
| +--------------+ | | +-------------+ |
| | dashboard | | +------------> | | Posts | |
| | | | | | | |
| +--------------+ | | +-------------+ |
+------------------+ +-----------------+برای سوال دوم هم میشه ولی من بیشتر استایل دهی توی کامپوننت ها رو میپسندم
@tefo.ha27
یه دنیا سپاس برای شما:)
1-در مورد سئوال اولم من متوجه نشدم چون با لاراول کار نکردم.یعنی اون روتر دوم برای child ها هست؟
و 2-اینکه scss رو ویو خودش میشناسه یا باید خودمون جداگانه به css کامپایل کنیم؟
3-اگه lang بر روی scss باشه میشه فایل css ایمپورت!! کرد؟
4-بعد همین استایل های درون کامپونت ها من کمتر دیدم استفاده کنن :) آیا مشکلی داره؟بعد همین استایل هایل ها اگه تو فایلی جدا استفاده کنیم به فایل main js ایمپورت میشن؟
ببخشید زیاد شد.من کلا درمورد استایل ها ابهام دارم و یکمی زیادی حساس شدم روش:(
خواهش میکنم
کاری به لاراول نداره شما در نظر بگیرین پنل ادمین چون همه روت ها sidebar و header و footer دارن پس باید توی همه اونا این کامپوننت ها رو لود کنین کاری به جای اینکه دستی این کارو انجام بدین(که بیخودیه vue-router توی همه روت های ادمین(مثلا) این کامپوننت ها یا هرچیز دیگه رو لود میکنه
من خیلی با دیزیان سروکار نداشتم ولی میدونم که اینکه میخاین توی main.js لود بشن یعنی اینکه css هاتونو global میکنین یعنی هرجایی مورد استفاده قرار میگیره و اینکه اگه توی کامپوننت ها باشه یعنی مختص اون کامپوننته (به صورت دیفالت)
https://vue-loader.vuejs.org/guide/pre-processors.html