npm install vue-cli -g(注:如果你已经安装过了,可以省略这步)
vue init nuxt/starter(注:初始化项目)
npm install(注:安装依赖包)
npm run dev(注:启动项目)
中间差价:例如Swiper的引用:
中间差价:
例如Swiper的引用:

在项目plugins这个文件新建vue-swiper.js,里面内容:
import Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper/dist/ssr'Vue.use(VueAwesomeSwiper)
在nuxt.config.js引用:
plugins: [ { src: "~/plugins/vue-swiper.js", ssr: false }],
css: [ { src: "swiper/dist/css/swiper.css" }],
在nuxt.js中跳转可以利用:
<nuxt-link to="/shoppingCart" class="cartNum"><span class="iconfont icon-dingbu-gouwuche"></span>跳转</nuxt-link>
ansycData的利用方法:
async asyncData({$axios}){ const keyCode = await $axios.$get('/verify_code') return { keyCode:keyCode.key }},
Vuex的利用:
export const state = () => ({ headers: true, footers: true})export const mutations = { isHeader (state, data) { state.headers = data; }, isFooter (state, data) { state.footers = data; }}export const actions = {}
感谢您的阅读,如果对您有帮助,欢迎关注"CRMEB"头条号。码云上有我们开源的商城项目,知识付费项目,均是基于PHP+vue开拓,学习研究欢迎利用,关注我们保持联系!