先插入2个页面配置的小功能使用
1、设置页面的title
a.在router—index.js中配置路由,加上meta标签,例如:
{
path: '/test_components',
component: TestMyComponents,
meta:{
title:"测试自定义组件,指令页面"
}
}
b.在main.js中配置
/*路由发生变化修改页面title */
router.beforeEach((to, from, next) => {
if (to.meta.title) {
document.title = to.meta.title
}
next()
})
测试截图:
2、设置页面的icon
a.在static目录放置favicon.ico图标(1K左右)
b.在index.html中加上link标签,例如:
<link rel="shortcut icon" href="static/favicon.ico">
测试截图:
下面继续讲解vue的语法
1、全局组件注册
注册一个全局组件语法格式如下:
Vue.component(tagName, options)
例如:在main.js中配置
// 注册全局组件
Vue.component('my-global-components', {
template: '<h4>自定义的全局组件!</h4>'
})
在TestMyComponents.vue中使用