1.在之前vue项目中,我们如果需要改变每个页面的title,是需要在路由里配置meta然后通过路由守卫将每个页面的title替换掉,但是在nuxtjs中他提供了一个方法,直接在每个.vue的文件中使用这个head方法即可修改每个页面的title
head(){ ???????return { ???????????title:‘form表单‘ ???????}},2.在nuxtjs中使用vuex,和在vue中使用它是一样的,先 npm install vuex 然后再store下简历index.js
import Vuex from ‘vuex‘import mutations from ‘./mutations‘const createStore = () => { ?return new Vuex.Store({ ???state: { ?????counter: 0 ???}, ???mutations ?})}export default createStoremutations.js如下:
const mutations = { ???increment(state) { ?????state.counter++ ???} ?} ???export default mutations ?然后在.vue页面中直接获取或者调用
computed: mapState([ ???????‘counter‘ ???]), ???methods:{ ????????increment() { ???????????this.$store.commit(‘increment‘) ???????} ???}通过computed中使用mapState获取state中的counter,然后和在vue中一样通过this.$store来改变state中的值
nuxtjs中修改head及vuex的使用
原文地址：https://www.cnblogs.com/ldlx-mars/p/9966859.html