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 createStore
mutations.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中的值
原文地址:https://www.cnblogs.com/ldlx-mars/p/9966859.html
时间: 2024-07-31 13:19:22