随笔分类 - 前端 合集 / Vuejs练习
摘要：// d = parseInt(总秒数/60/60/24);//计算天数 // h = parseInt(总秒数/60/60%24);//计算小时 // m = parseInt(总秒数/60%60);//计算分钟数 // s = parseInt(总秒数%60);//计算当前秒数 function
阅读全文
摘要：开发语言 HTML + CSS + Vuejs + axios 预览 源码 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" con
阅读全文
摘要：开发 HTML + CSS + Vuejs基于数据的开发模式 以前开发是基于DOM的开发模式，在对元素进行增删改查的时候，首先想到的是对DOM元素进行操作 本案例中基于数据的开发模式，直接对数据进行操作。例如：页面时数据的展示，所有和数据相关的内容，我们只需要找到对应的数据，就可以了，比如说统计中的
阅读全文
摘要：@ 开发 HTML5 + CSS + JavaScript + Vuejs 预览 源码 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>建材市场</title> <link rel="s
阅读全文
摘要：预览： 思路： 源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vuejs实现图片切换‘</title> <!-- 引入Vue开发版本的js --> <script src="https://cdn.
阅读全文
摘要：预览： 源码： <template> <div class="toast" v-show="show"> <div>{{message}}</div> </div> </template> <script> export default { name: "toast", props:{ messag
阅读全文
摘要：预览 源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>组件的实例</title> </head> <body> <div id="app"> <cpn></cpn> <cpn></cpn> <cpn>
阅读全文
摘要：源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-model结合select类型</title> </head> <body> <div id="app"> <!-- 选择一个--> <select
阅读全文
摘要：预览： 源码： <div id="app"> <!--单选框--> <label for="agree"> <input type="checkbox" id="agree" v-model="isAgree">同意协议 </label> <h2>您选择的是{{isAgree}}</h2> <but
阅读全文
摘要：预览： 源码： <div id="app"> <!--多选框--> <input type="checkbox" value="篮球" v-model="hobbies">篮球 <input type="checkbox" value="足球" v-model="hobbies">足球 <input
阅读全文
摘要：写在博客前的话： 保留两位小数使用的是 .toFixed(2) 方法 动态绑定v-bind:disabled='item.count <=1 '来判断按钮是否可点击 按钮的动态使用index去判定 思路： 表格的建立，表头，循环遍历js中的数组 实现过滤器添加￥与实现小数点后两位 实现加减按钮的点击
阅读全文
摘要：要求： 点击列表中的哪一项，那么该项文字变为红色（结合v-for和v-bind来实现） 预览： 源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>作业</title> <style> .active{
阅读全文
摘要：三种循环方法 for( let i=0;i<this.books.length;i++){} for (let i in this.books){} for (let book of this.books){} <!DOCTYPE html> <html lang="en"> <head> <met
阅读全文
