vue+webpack新项目总结1
2021-05-17 07:28
标签：技术 conf 新项目 str home export 不同的 ati code 头部组件的 标题 根据不同的页面显示不同的标题 第一步： 在store 里面初始化全局变量 第二步： 在头部组件中添加计算属性，使得title可以动态变化 第三步： 在每个（引入头部组件的）页面修改自己需要的title 效果： vue+webpack新项目总结1 标签：技术 conf 新项目 str home export 不同的 ati code 原文地址：http://www.cnblogs.com/rachelch/p/7744775.html// vuex 通过状态管理数据
import Vue from ‘vue‘
import Vuex from ‘vuex‘
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
// 公共
comm: {
loading: false,
login: {
memberId: ‘‘,
userData: ‘‘
},
indexConf: {
isFooter: false, // 是否显示底部
isBack: false, // 是否显示返回
title: ‘‘ // 标题
}
}
},
mutations: {
/*修改header的信息*/
changeIndexConf: (state, data) => {
Object.assign(state.comm.indexConf, data)
},
},
actions: {
},
getter: {
}
})
export default store
export default{
data: function () {
return {
title:‘Markets‘
}
},
created () {
this.$store.commit(‘changeIndexConf‘, {
isFooter: false,
isBack: true,
title: ‘Markets‘
})
},
components:{
comHeader:Header
}
}
上一篇：JS基础篇-- body.scrollTop与documentElement.scrollTop
下一篇：css文字换行问题white-space:pre-line或者white-space:pre-wrap，解决word-wrap:break-word解决不了的