VUE 基本指令（代码）

刺骨的言语ヽ痛彻心扉 2023-06-28 06:18 38阅读 0赞

## HTML 部分 ##

<div id="username">
    	{
       {message}}
    	
    	<input type="text" v-model="message">
    	
    	<button v-on:click="tabbnave">点击反转</button>
    	
    	<p v-html="cander"></p>
    	
    	<p v-text="cander"></p>
    	
    	<p v-for="(nav,key) in naver">
    		{
       {"key的值为："+key+" nav的值为："+nav}}
    	</p>
    	<br />
    	
    	<input type="text"  v-model="values">
    	<br />
    	
    	
    	<input type="text" @input="inputnave" v-model="values">
    	<br /> 
    	
    	
    	<a :href="href">点击我</a>
    	
    	<p v-if="thater">你猜我啊</p>
    	<p v-show="thater">你再猜我啊</p>
    	
    	<p v-if="comer == 0">你好</p>
    	<p v-else-if="comer == 1">你好啊</p>
    	<p v-else-if="comer ==2">你好噢</p>
    	<button @click="isflag()">啊哈</button>
    </div>

## JS 部分 ##

**Vue.js的指令是指v-开头，作用于html标签，提供一些特殊的特性，当指令被绑定到html元素的时候，指令会为被绑定的元素添加一些特殊的行为，可以将指令看成html的一种属性。**