原生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