09 2022 档案
摘要：1,href属性 <body> <p class="app"> <a v-bind:href="url">点我</a> </p> <script> var app = new Vue({ el:'.app', data:{ url:"www.gzsmbj.com", } }); </script><
阅读全文
摘要：<div id="app"> <itembox></itembox> </div> <script>Vue.component("itembox",{ template:"<h2>www.gzsmbj.com</h2>"}) new Vue({ el:"#app", data:{ title:'11
阅读全文
摘要：你可以在对象中传入更多字段来动态切换多个 class。此外，v-bind:class 指令也可以与普通的 class attribute 共存。当有如下模板： <div class="static" v-bind:class="{ active: isActive, 'text-danger': h
阅读全文
摘要：v-on事件 简写 @click <div id="app"> <ul> <button @click="mybtn({title})">{{title}}</button> </ul></div> <script> new Vue({ el:"#app", data:{ title:'11111'
阅读全文
摘要：v-for 指令可以绑定数组的数据来渲染一个项目列表： <div id="app"> <ol> <li v-for="todo in todos"> {{ todo.text }} </li> </ol></div> var app = new Vue({ el: '#app', data: { t
阅读全文
摘要：Vue v-if <div v-if="false"></div> 元素不会显示dom <div v-show="false"></div> 元素 只是 style="display:none"
阅读全文
摘要：v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 <div id="app"> <p v-if="seen">www.gzsmbj.com</p></div> var app3 = new Vue({ el: '#app', data: { se
阅读全文
