摘要：
<script> import {ref} from 'vue' export default{ setup(){ let mes=ref(1); const add=()=>{ //console.log('//1555'); mes.value++; //console.log(mes) } r 阅读全文
posted @ 2022-10-05 17:15
学无边涯
阅读(26)
评论(0)
推荐(0)
摘要：
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>< 阅读全文
posted @ 2022-09-25 23:45
学无边涯
阅读(39)
评论(0)
推荐(0)
摘要：
<div id="app"> <itembox></itembox> </div> <script>Vue.component("itembox",{ template:"<h2>www.gzsmbj.com</h2>"}) new Vue({ el:"#app", data:{ title:'11 阅读全文
posted @ 2022-09-25 23:21
学无边涯
阅读(195)
评论(0)
推荐(0)
摘要：
你可以在对象中传入更多字段来动态切换多个 class。此外，v-bind:class 指令也可以与普通的 class attribute 共存。当有如下模板： <div class="static" v-bind:class="{ active: isActive, 'text-danger': h 阅读全文
posted @ 2022-09-25 22:44
学无边涯
阅读(75)
评论(0)
推荐(0)
摘要：
v-on事件 简写 @click <div id="app"> <ul> <button @click="mybtn({title})">{{title}}</button> </ul></div> <script> new Vue({ el:"#app", data:{ title:'11111' 阅读全文
posted @ 2022-09-25 22:31
学无边涯
阅读(49)
评论(0)
推荐(0)
摘要：
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 阅读全文
posted @ 2022-09-25 20:50
学无边涯
阅读(111)
评论(0)
推荐(0)
摘要：
Vue v-if <div v-if="false"></div> 元素不会显示dom <div v-show="false"></div> 元素 只是 style="display:none" 阅读全文
posted @ 2022-09-25 20:43
学无边涯
阅读(33)
评论(0)
推荐(0)
摘要：
v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 <div id="app"> <p v-if="seen">www.gzsmbj.com</p></div> var app3 = new Vue({ el: '#app', data: { se 阅读全文
posted @ 2022-09-25 20:28
学无边涯
阅读(316)
评论(0)
推荐(0)
摘要：
设置外层盒子flex 显示宽度为自己盒子本身宽度 高度被拉高整个盒子 设置为垂直方向的对齐方式 align-items:flex-start 盒子不将被拉伸 显示元素本身的高度 align-items:center 盒子不将被拉伸 显示元素本身的高度 align-items:stretch 元素拉伸 阅读全文
posted @ 2022-08-21 14:53
学无边涯
阅读(190)
评论(0)
推荐(0)
摘要：
<style>#main { width: 220px; height: 300px; border: 1px solid black; display: -webkit-flex; /* Safari */ -webkit-align-items: flex-start; /* Safari 7. 阅读全文
posted @ 2022-08-21 10:48
学无边涯
阅读(46)
评论(0)
推荐(0)
浙公网安备 33010602011771号