Добавлен vue-router

This commit is contained in:
Book Pauk
2019-01-02 16:50:11 +07:00
parent eef928eb8c
commit 3af5a38072
3 changed files with 23 additions and 6 deletions

View File

@@ -3,7 +3,7 @@
<el-aside :width="asideWidth"> <el-aside :width="asideWidth">
<div class="app-name"><span v-html="appName"></span></div> <div class="app-name"><span v-html="appName"></span></div>
<el-button class="el-button-collapse" @click="toggleCollapse" :icon="buttonCollapseIcon"></el-button> <el-button class="el-button-collapse" @click="toggleCollapse" :icon="buttonCollapseIcon"></el-button>
<el-menu class="el-menu-vertical" @select="handleSelect" :collapse="isCollapse"> <el-menu class="el-menu-vertical" @select="handleSelect" :collapse="isCollapse" router>
<el-menu-item index="cardindex"> <el-menu-item index="cardindex">
<i class="el-icon-search"></i> <i class="el-icon-search"></i>
<span slot="title">Картотека</span> <span slot="title">Картотека</span>
@@ -36,19 +36,17 @@
</el-aside> </el-aside>
<el-main> <el-main>
<pre>{{ apiError }}</pre> <pre></pre>
</el-main> </el-main>
</el-container> </el-container>
</template> </template>
<script> <script>
//-----------------------------------------------------------------------------
import Vue from 'vue'; import Vue from 'vue';
import Component from 'vue-class-component'; import Component from 'vue-class-component';
export default @Component({ export default @Component({
props: {
test: String
},
}) })
class App extends Vue { class App extends Vue {
created() { created() {
@@ -111,6 +109,7 @@ class App extends Vue {
return this.state.apiError; return this.state.apiError;
} }
} }
//-----------------------------------------------------------------------------
</script> </script>
<style scoped> <style scoped>

View File

@@ -1,15 +1,19 @@
import Vue from 'vue'; import Vue from 'vue';
import App from './components/App.vue'; import App from './components/App.vue';
import router from './router';
import store from './store';
import ElementUI from 'element-ui'; import ElementUI from 'element-ui';
import './theme/index.css'; import './theme/index.css';
import locale from 'element-ui/lib/locale/lang/ru-RU'; import locale from 'element-ui/lib/locale/lang/ru-RU';
import store from './store';
//Vue.config.productionTip = false; //Vue.config.productionTip = false;
Vue.use(ElementUI, { locale }); Vue.use(ElementUI, { locale });
new Vue({ new Vue({
router,
store, store,
render: h => h(App), render: h => h(App),
}).$mount('#app'); }).$mount('#app');

14
client/router.js Normal file
View File

@@ -0,0 +1,14 @@
import Vue from 'vue';
import VueRouter from 'vue-router';
import App from './components/App.vue';
Vue.use(VueRouter);
let routes = [
{ path: '/', component: App },
{ path: '/cardindex', component: App },
];
export default new VueRouter({
routes
});