H5页面用vue2.全家桶写的。
一、vue代码编写vue中路由的编写
1)vue init webpack test
2)/src/router/index.js中引入路由组件
import Index from 'src/components/index/index'
import Search from 'src/components/search/search'
3)/src/router/index.js中定义路由
{
path: '/index',
component: Index,
meta: {
title: '首页'
}
},
{
path: '/search',
component: Search,
meta: {
title: '搜索'
}
}
小程序web-view的src的地址就是:XXX/#/index 和 XXX/#/search。
2. 小程序web-view的src指向的H5页面自定义标题vue-wechat-titlewww.npmjs.com
1)npm install vue-wechat-title --save
2) 在main.js中引入:
import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)
3)App.vue中
4)路由定义,见1中3)的meta。