Я сделал одностраничное "приложение" на "Vue-cli" с компонентами стилями и прочим
Как мне создать вторую страницу? Можно ли импортировать туда компоненты или стили? Можно не импортировать?
App.js
<template>
<div class="wrapper">
<top-nav/>
<div class="contaiber-fluid content">
<div class="row">
<div class="col-lg-3">
<card
avatar="./img/5.webp"
name="Terrance arnold"
job="Art director"
text="Hi! I'm Adrian the Senior UI Designer at AmazingSurge. We hope you enjoy the design and quality of Social."
follower="260"
following="180"
tweets="2000"
></card>
</div>
<div class="col-lg-9">
<panel/>
</div>
</div>
</div>
<site-footer/>
</div>
</template>
<script>
import card from "./components/card.vue";
import panel from "./components/panel.vue";
import topNav from "./components/topNav.vue";
import siteFooter from "./components/site-footer.vue";
export default {
name: "app",
components: {
card,
panel,
topNav,
siteFooter
}
};
</script>
<style lang="scss">
// Стили
</style>
main.js
import Vue from 'vue'
import App from './App.vue'
import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'vue-material-design-icons/styles.css'
Vue.config.productionTip = false
new Vue({
render: h => h(App),
}).$mount('#app');
index.xtml
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
<title>remark-test</title>
</head>
<body>
<div id="app"></div>
</body>
</html>
