摘要: 1.v-once指令 日常开发中用的很多,只渲染元素和组件一次,随后的渲染,使用了此指令的元素/组件及其所有的子节点,都会当作静态内容并跳过,这可以用于优化更新性能。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>v-on 阅读全文
posted @ 2020-05-12 23:36 杵臼 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 1.v-for基本用法 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>v-for 指令</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" 阅读全文
posted @ 2020-05-12 12:50 杵臼 阅读(3341) 评论(0) 推荐(0) 编辑
摘要: 因为 v-if 是一个指令,所以必须将它添加到一个元素上。 在 <template> 元素上使用 v-if 条件渲染分组, <template> 元素当做不可见的包裹元素,并在上面使用 v-if。最终的渲染结果将不包含 <template> 元素。 <!DOCTYPE html> <html> <h 阅读全文
posted @ 2020-05-12 05:20 杵臼 阅读(2937) 评论(1) 推荐(1) 编辑
摘要: <!-- 完整语法 --> <a v-on:click="doSomething">...</a> <!-- 缩写 --> <a @click="doSomething">...</a> <!-- 动态参数的缩写 (2.6.0+) --> <a @[event]="doSomething"> ... 阅读全文
posted @ 2020-05-12 02:34 杵臼 阅读(783) 评论(2) 推荐(0) 编辑
摘要: v-bind就是用于绑定数据和元素属性的 v-bind后面是:属性名=,v-bind也要有一个简写的方式 就是:(冒号),可以理解是表示绑定这个属性,绑定之后,对应的值要去vue的数据里面找。 <!-- 完整语法 --> <a v-bind:href="url">...</a> <!-- 缩写 -- 阅读全文
posted @ 2020-05-12 00:22 杵臼 阅读(2078) 评论(0) 推荐(0) 编辑