[Vue] Create Vue.js Layout and Navigation with Nuxt.js
2016-12-06 18:03
921 查看
Nuxt.js enables you to easily create layout and navigation by replacing the default App.vue template with your own _app.vue template. Then you simply surround your content with your navigation and/or layout and you're ready to go.
<!-- _app.vue --> <template> <nuxt-container> <nav> <router-link class="button" to="/"> Home page </router-link> <router-link class="button" to="/about"> About page </router-link> </nav> <nuxt></nuxt> <footer> THis is the footer </footer> </nuxt-container> </template>
相关文章推荐
- [Nuxt] Build a Navigation Component in Vue.js and Use in a Nuxt Layout
- [Nuxt] Navigate with nuxt-link and Customize isClient Behavior in Nuxt and Vue.js
- [Nuxt] Setup a "Hello World" Server-Rendered Vue.js Application with the Vue-CLI and Nuxt
- [Vue] Build Vue.js Apps with the Vue-CLI and Nuxt.js
- [Nuxt] Update Vuex State with Mutations and MapMutations in Vue.js
- [Vue] Preload Data using Promises with Vue.js and Nuxt.js
- [Vue] Update Attributes, Classes and Styles in Vue.js with v-bind
- [Nuxt] Add Arrays of Data to the Vuex Store and Display Them in Vue.js Templates
- [Nuxt] Load Data from APIs with Nuxt and Vuex
- [Nuxt] Display Vuex Data Differently in Each Page of Nuxt and Vue.js
- [Nuxt] Update State with Vuex Actions in Nuxt.js
- [Nuxt] Use Vuex Actions to Delete Data from APIs in Nuxt and Vue.js
- Combining Navigation Drawer with ViewPager and TabLayout in one screen
- Creating Web Applications in JavaScript with Express.js and ejs
- Create a Button with an Image and Text [Android]
- Creating corner with different angle by using css and js
- [Yii Framework] How to develop an extension with image, css and js
- Tutorial: Storyboard in XCode 4.2 with Navigation Controller and Tabbar Controller (Part 2)(中文注解)
- Getting Started With Node.js and mongoDB
- Create Snazzy Web Charts and Graphics On the Fly with the .NET Framework