
Vue
文章平均质量分 59
Vue.js 是一套构建用户界面的渐进式框架。
Vue 只关注视图层,采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
相逢不晚何必匆匆
一分耕耘,一分收获。一艺之成,当尽毕生之力。
展开
-
Mac 环境安装 Vue Cli
表示 Node 版本过低,不适合当前 Vue Cli 版本,此时需要升级 Node 版本。如果没有 Node 环境,则需要先安装,可以直接到。先安装 Node 的一个版本管理工具【n】再次查看 Node 和 npm 版本。再升级 Node 版本。原创 2022-11-23 11:21:25 · 3720 阅读 · 0 评论 -
Vue中实现表格隔行换色效果
一、原理在 Vue 中,进行表格行的循环输出时,一般使用 v-for 指令,每次循环都能得到该行的索引 index ,用每一行的索引除以2取余,余数等于1,可以使用一种颜色作为背景色,余数等于0,可以使用另一种颜色作为背景色。二、代码实现1. Style 部分<style> #app { margin: 50px; } .table { width: 30%; } .table tr { text-a原创 2021-08-23 14:16:08 · 6902 阅读 · 1 评论 -
Vue+Ajax+PHP实现文件上传
1、HTML代码<input type="file" @change="upload($event)"/><button @click="add()">提交</button>2、JavaScript代码<script type="text/javascript" src="js/vue.min.js"></script><script type="text/javascript"> var vm = new Vue({原创 2020-11-11 11:55:55 · 1234 阅读 · 4 评论 -
Vue双向绑定实现多选和全选
1、HTML代码<table border="1" cellspacing="0" cellpadding="5"> <th colspan="9">学生列表</th> <tr> <td> <input type="checkbox" @change="checkAll()" v-model="checked"> </td> <td>ID</td> <t原创 2020-11-11 11:41:48 · 730 阅读 · 0 评论