<template>
	<div id="app">
		<h2 class="css_title">{{msg}}</h2>
		<router-link to="/home">首页</router-link>
		<router-link to="/news">新闻</router-link>
		<hr>
		<router-view></router-view>
	</div>
</template>

<script>
	export default {
		name: 'app',
		data() {
			return {
				msg: "hello world!",
				title1: "测试",
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	/*css  局部作用域  scoped*/
	#app {
		.css_title {
			color: red;
		}

		.css_title2 {
			color: #008000;
		}
	}
</style>
