原生Vue实现点击切换代码

原生Vue实现点击切换

vue页面分为三处。

第一处是：template 用来写页面div，p，ul，li等等。

第二处是：script 用来路由跳转，点击事件方法，请求后台路径，页面加载时的数据读取等等，当然也可以写js代码，计算函数等等，不过目前还不太会用。

第三处是: style 用来设置页面样式。

实现第一处代码，代码如下

<template>
	<div>
		<div class="dhl">
			<img src="../../assets/fj3.jpg" style="height: 200px;">
			<div class="pttz" style="width: 100%;
			line-height: 50px; height: 50px; ">
				<p v-on:click="xmfClick(ShowXmf)" @click="ShowXmfchange(1)"
				:class="{ red:changeRed == 1}"
				style=" width: 38%; border-radius: 3px 3px 3px 3px;
					height: 40px;line-height: 40px; border: 1px #515