照着vue官网和视频敲了点入门,v- 的一点语法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.active{
color: coral
}
.active2{
color: blue;
}
</style>
</head>
<body>
<div id="app">
v-text 和 v-html 区别 :
<div v-text="text"></div>
<div v-html="text"> </div>
<br />
<div v-show="isShow">v-show 是否展示? v-show 相当于 display:none </div>
<div v-if="isIF">v-if 相当于remove这个div ,
isIF=true,展示v-if的div,
isIF=false,展示v-else的div</div>
<div v-else>v-else's DIV </div>
<br />
<div>===================v-for================================</div>
<span v-for="(item , index) in arrs":key="index">span{
{
item}},</span><br />
<div v-for="(item,index) in arrs":key="index">div{
{
item}}</div>
<div>===================v-on================================</div>
<button v-on:click="onClickMethod">v-onclick 点击加1</button>
<div>{
{
number}}</div>
<button v-on:click="onClickMethod2">v-onclick 点击减1</button>
<div>{
{
number2}}</div>
<div>===================v-bind==============================