随笔分类 - vue
摘要：<template> <div> <first-page-3 :person="person" ></first-page-3> </div> </template> <script> import FirstPage3 from './FirstPage3.vue' export default
阅读全文
摘要：<template> <div> <span>父值为:</span>{{ to_value }} <button @click="clear()">清空</button> </div> </template> <script> export default { props:['to_value'],
阅读全文
摘要：<template> <div class="project"> <first-page></first-page> <second-page></second-page> </div> </template> <script> import FirstPage from './FirstPage1
阅读全文
摘要：<div id="Book" style="background-color: cornflowerblue;"> <h2 style="text-align: center;">记账本</h2> <div style="text-align: center;"> 支出:<input type="t
阅读全文
摘要：<div id="app16" style="text-align: center;margin-top: 10%;"> <div> <input id="sou" type="text" style="width: 40%;" v-model="word"> <button style="heig
阅读全文
摘要：<div id="app15"> <ul> <li v-for="(item , index) in news" :key="item.id" > {{ item.title }} <img alt="img" :src="item.img"> </li> </ul> </div> <script>
阅读全文
摘要：1.什么是跨域 我们访问接口，不论你是前后端相连，还是网上偷偷爬取黄色视频，都无法绕过一个url，我们在小学三年级时学过，一个url的组成是这样的 协议（http、https）：表示URL使用的协议。域名（localhost）：表示服务器的域名。端口（8080）：表示服务器的端口号。路径（/proj
阅读全文
摘要：表格展示区 <el-table :data="dis" style="width: 100%;height: 525px;"> </el-table> 翻页区 <to-page :value="{ page : tableData.length, current_page:current_page
阅读全文
摘要：1.共同之处： data与props都是数据，都可以存储，并且动态渲染 2.不同之处： data是组件本身的数据，支持自身修改，然而props是外部数据(由父组件传递而来的数据),不支持自身修改，如果想要修改需要this.$emit('父组件监视函数名'，希望修改的的值的结果)
阅读全文
摘要：<div id="app14"> <button @click="num = num+1">++</button> <span>{{ num }}</span> </div> <script> const app14=new Vue({ el:'#app14', data:{ num:0 }, be
阅读全文
摘要：<div id="app13"> 希望翻译成为: <br> <select v-model="obj.lang"> <option value="english">英语</option> </select> <br> 请输入:<label style="margin-left: 50px;">翻译为
阅读全文
摘要：<template> <div> <div class="block" style="margin: 2% 25%;"> <el-pagination layout="total, prev, pager, next, jumper" :total="value.page" @prev-click=
阅读全文
摘要：<div id="app12"> <table style="width: 300px;height: 160px;background-color: aquamarine;" cellspacing=0> <tbody> <tr class="biaotou"> <td>编号</td> <td>学
阅读全文
摘要：<div id="app11"> <h3>哞哞俩数计算器</h3> <input type="number" v-model="num1"> <select v-model="chart"> <option value="+">+</option> <option value="-">-</opti
阅读全文
摘要：<div id="app10"> <ul> <li style="list-style-type: none;" v-for="(item , index) in list" :key="list.id"> {{ item.num }} </li> </ul> computed合计:{{ count
阅读全文
摘要：<div id="app9" style="background-color: aqua;"> 姓名:<input type="text" v-model="name"> <br> 性别:<input type="radio" name="" value="1" v-model="gender">男
阅读全文
摘要：需要的物件： 1.一个云服务器 2.一双会cv的手 3.出了问题会自己百度的脑子 首先，直接粘代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm
阅读全文
摘要：<div id="app7"> <div style="height: 80px;width: 80px;background-color: aquamarine;" @click="father"> <div style="height: 40px;width: 40px;background-c
阅读全文
摘要：<div id="app8"> <ul> <li v-for="(item,index) in list" style="display: inline;list-style-type: none; margin-left: 10px;" @click="indexactive = index">
阅读全文
