随笔分类 -  vue

摘要:1.v-if 2.v-else 3.v-else-if <div v-if="type 'A'"> A </div> <div v-else-if="type 'B'"> B </div> <div v-else-if="type 'C'"> C </div> <div v-else> Not A/ 阅读全文

posted @ 2020-09-15 10:18 colson.zhao 阅读(130) 评论(0) 推荐(0) |

摘要:Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。 一. class 两个语法: 1.对象语法:可以传入多个动态class,并且可以与普通的class共存。 <div class="static" v-bind:class="{ active: isActive, ' 阅读全文

posted @ 2020-09-14 09:44 colson.zhao 阅读(203) 评论(0) 推荐(0) |

摘要:一.插值 文本,原始HTML,Attribute,js表达式 二.指令 指令 (Directives) 是带有 v- 前缀的特殊 attribute。 指令的参数:<a v-bind:href="url">...</a> herf就是v-bind指令的参数。 动态参数:<a v-bind:[attr 阅读全文

posted @ 2020-09-07 10:33 colson.zhao 阅读(206) 评论(0) 推荐(0) |

摘要:<!DOCTYPE html> <html> <head> <title>My first Vue app</title> <script src="https://unpkg.com/vue"></script> </head> <body> <div id="app"> {{ message } 阅读全文

posted @ 2019-09-18 10:34 colson.zhao 阅读(1045) 评论(0) 推荐(0) |

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3