码迷,mamicode.com
首页 > Web开发 > 详细

Vue.js指令

时间:2018-09-06 16:16:11      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:交互   应用   html元素   属性   html   表达   完成   表达式   v-for   

一、学习目标

  • 了解 什么 是 Vue.js 指令
  • 理解 Vue.js 指令的 用途
  • 掌握 Vue.js 指令的书写规范
  • 能够 使用 Vue.js 指令完成部门页面交互效果(难点和重点)

二、指令的基本概念

2.1、什么是Vue.js指令

指令是带有v-前缀的特殊属性:v-bind、v-bind:is、v-bind:key、v-cloak、v-else、v-else-if、v-for、v-html、v-if、v-model

2.2、Vue.js指令的用途

在表达式的值改变时,将某些行为应用到DOM上。

2.3、Vue.js指令的书写规范

书写位置: 任意HTML元素的开始标签内。

注意:一个开始标签内可写入多个指令,多个指令间使用空格分隔。

 

 

  

  

Vue.js指令

标签:交互   应用   html元素   属性   html   表达   完成   表达式   v-for   

原文地址:https://www.cnblogs.com/zhangqigao/p/9598412.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!