{{shuju}}
         {{NUMBER*10}}
         {{falese?"ok":"no"}}
      

		
			{{message}}
			vue的onclick
		

四、键盘事件示例

和上面的点击事件一样 ,只不过是把click 换成了keydown

另外$event 与下文中的event是一个对象 , 也就是与我们传统JS中的event中的对象是一样的

然后我们定义一个变量 , 也就是代表每一个按键的Unicode编码 , 然后我们可以不让键盘起作用 , 使用event.preventDefault() 这样就可以阻止键盘起作用 ;

五、鼠标移动事件示例

定义事件的操作和上面的操作没有什么区别 , 只是换成了mouseover , 另外一个就是 ,v-on: 可以换成@, 两者之间是等价的

然后还有一个阻止事件传播 , 及时这个文件域是定义在div中的 , 所以移动到文件域就相当于移动到了div中 ,所以我们需要在文件域的函数中阻止事件传播

 event.stopPropagation();

   
      
         这是一个文件域
      
   

六、事件修饰符示例

这个就是在提交表单的时候 , 会触发一个函数 , 因为后边加了prevent 所以也就是阻止提交 ,

然后我们在创建一个Vue对象 , 这样我们就可以对这个表单进行控制了

七、V-text和V-html示例

两者之间的区别就是V-text不会去解析等各种HTML标签 , 而V-html则会去解析这些东西

八、V-bind示例

插值表达式不能作用于HTML标签的属性取值 ,要想给HTML属性设置变量的值 , 需要使用V-bind

   
      我是一个小逗比
      

      我是一个大逗逼
   

九、V-for示例

首先在vue中定义一个数组让我用来遍历 , 然后使用v-for即可 , v-for=" ", " "中写上一个变量并且在哪个数组中

   
      {{item}}
   

遍历集合

   
      {{v}}={{k}}
   

遍历对象数组

   
      
         
            ID
            name
            age
         
         
            {{stu.id}}
            {{stu.name}}
            {{stu.age}}
         
      

   

十、遍历对象数组示例

   
      
         
            ID
            name
            age
         
         
            {{stu.id}}
            {{stu.name}}
            {{stu.age}}
         
      

   

十一、V-model示例

v-model就是可以取出一些对象格式的数据 , 利用对象名 .属性名 即可取出这些东西

十二、v-show和v-if示例

show和if其实没有太大区别 ,可以用来控制是否显示内容 ,true就显示 ,false就不显示

   
      你好啊
      

      今天天气不错