样式表的增删查找（小白学习Vue 6）

最新推荐文章于 2022-07-16 17:41:17 发布
VIP文章 最新推荐文章于 2022-07-16 17:41:17 发布
阅读量92 收藏
点赞数
分类专栏： 前端 Vue 基础·
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43724848/article/details/104202941
版权

一.介绍

今天是2020.2.6，我最近已经不看关于肺炎的相关报道了，不过好像已经有好转的迹象了，我这边也是有了一例患者，我希望他能够早日健康。对比于昨天，我今天大概一天都在学习前端的Vue框架了，花了差不多5个小时做了一个项目，就是所谓的样式表的一些功能，但是不推荐使用DOM元素，那么久必须应用到Vue的一些方式咯！

二.代码

这次这个代码写的非常的详细，具体的功能我都有一些注释，就是代码有些长

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>project</title>
		<script src="./lib/vue.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	
	</head>
	<body>
		
		<div id="app"> 
			<div class="panel panel-primary">
				<div class="panel-heading">
					<h3 class="panel-title">添加品牌</h3>
				</div>
				<div class="panel-body form-inline">
					<!-- <div></div> -->
					<label>
						Id:<input type="text" class="form-control" v-model="id"/>
					</label>
					<label>
						Name:
						<input type="text" class="form-control" v-model="name" @keyup.enter="add"/>
最低0.47元/天 解锁文章
洛伦兹的法拉第
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[Vue]如何实现一个简单的表格数据筛选查找 (根据ElementUI表格展示)(数组筛选)
01-08
[Vue]如何实现一个简单的表格数据筛选查找 (根据ElementUI表格展示)(数组筛选) 能够解决的问题 在一个完整的数据数据渲染的 elementui 表格组件中，筛选输出数据 目录 布局代码 样式代码 vue代码 布局展示 功能实现 逻辑解析 布局代码 搜索ID   搜索关键字   性别筛选 样式代码 *{margin:0;padding:0;} #app{ background:#ccc; } .header{ width:100%;
小白学习Vue实用实战实例小技巧小tips（二）
小菜鸡程序媛的挣扎史
09-09 399
目录 1、过滤器详解 replace() 定义和用法 语法 返回值 说明 2、vue的生命周期 3、发送请求 4、动画详解-过渡 transition： 使用第三方类 使用钩子函数 列表动画 5、组件创建方式 6、组件中的data 7、组件切换方式 8、模板定义方式 9、父组件向子组件传值 10、父组件向子组件传方法 11、resetFields和clear...
小白学习Vue（5）
weixin_43724848的博客
02-04 81
一.介绍 特别不幸的事，就是今天的肺炎人数上升至2w+了，我只是希望这个疫情能够快点好，中国加油！武汉加油！ 2020.2.4 其实今天并没有太多的学习Vue，而是较多的去看了一下关于数据结构的一些视频，因为我觉得这一块不仅对于我考研比较重要，在计算机的学习中应该都非常重要，但是我对于这一块的内容，我好像已经忘记的差不多了，所以想着反正这几天呆在家里也没啥事做，不如再看看数据结构，把知识巩固...
狂神。Vue学习。
m0_56064238的博客
07-16 1157
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。Soc原则：关注点分离原则：渐进式框架：大概意思就是你可以只用我的一部分,而不是用了我这一点就必须用我的所有部分。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。HTML +
从小白开始学vue学习笔记（一）——基础篇
小菜鸡程序媛的挣扎史
08-27 892
目录 一、引入vue 二、helloWorld程序 三、声明式渲染 四、条件与循环 五、处理用户输入 六、组件化应用构建 与自定义元素的关系 SLOT API 定义 插槽算法 获取分布式节点算法 分布分辨率算法 slot元件 扩展到Element 七、Vue实例 1、创建一个Vue实例 2、数据与方法 3、实例生命周期钩子 4、生命周期图示 八、模...
vue实现表格数据的增删改查
08-30
主要为大家详细介绍了vue实现表格数据的增删改查，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
vue增删改查的简单操作
08-29
主要为大家详细介绍了vue增删改查的简单操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
路由+增删改查（vue)
12-04
不描述了 搞着好玩的！！！！也不知道说什么。。 。
Vs Code Vue实现增删改查
01-07
demoaaa.zip
vue的增删改查
11-19
vue的增删改查
（数据结构）——顺序表和链表的比较
weixin_43724848的博客
02-10 981
一.基于空间的比较 1.存储方式的比较 顺序表的存储空间是一次性分配好的了，而链表的存储空间是多次分配的。 2.存储密度（节点值域所占存储量/节点结构所占的存储总量） 顺序表的密度是等于1的，而链表的密度是小于1的 二.基于时间的比较 1.存取方式 顺序表可以随机抽取，也可以顺序抽取；但是链表只可以顺序抽取（读取第n个元素，那么就必须遍历其之前所有元素 2。插入和删除的不同 顺序...
Node.js文件写入与删除，buffer基础操作
weixin_43724848的博客
10-11 785
一.文件写入 let fs = require("fs"); // 这里德flag参数为比较重要德参数,但同步会直接变成回调地狱，就很恐怖，因此需要使用异步进行封装 fs.writeFile( "test.txt", "吃吧！?", { flag: "a", encoding: "utf-8" }, (err) => { // console.log(err); if (err) { console.log("内容出错"); } else {
Vue的动画效果（自定义类）[animate.css]
weixin_43724848的博客
02-21 502
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <link rel="stylesheet" href="ht...
js实现抽奖程序demo
weixin_43724848的博客
08-03 473
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>day16</title> </head> <style type="text/css"> * { margin: 0; padding: 0; } #box1 { height: 500px; background-color: #9ACD.
寻找节点最大最小值
weixin_43724848的博客
11-04 413
寻找最大节点和最小节点 题目描述 如图所示，平台10个节点ID号随机，左上角，右下角节点已知，左上角，右下角节点作为数据接受节点，参赛队需编写其他12个节点的代码，左上角节点打印最大的三个节点，右下角节点打印（printf）最小的三个节点。 问题解析 本题主要使用CTP节点技术，因为是0号节点与1号节点进行数据接收节点，因此第一想到的应该就是CTP协议，同时CTP协议中包含数据分发协议，分发协议也是必须的，本题主要使用这两个协议。 .h代码解析 对于此题肯定是需要一个数组进行对所有的节点进行数据保存的，
PS的快捷键（7.14）
weixin_43724848的博客
07-14 356
PS的快捷键（部分） 复制图层：Ctrl+j 取消选择：Ctrl+D 删除选区:选中选区Delete 删除图层:选中图层Delete 恢复到上一步：Ctrl+Z 放大缩小图片:Alt+鼠标滚轮 抓手移动图片:空格+鼠标左键 增加图像选区：按住Shift+划选区 减少选区：按住Atl+划选区 相交选区：Shift+Alt+划选区 填充为前景色：Alt+delete 填充为背景色：Ctrl+delete 快速选择工具大小调节:Alt+鼠标右键，左右拖拽 ...
约瑟夫问题（Java环形列表实现）
weixin_43724848的博客
09-22 320
package linkedList; public class Joseph { public static void main(String[] args) { CircleLinkList cir = new CircleLinkList(); cir.addBoy(15); cir.getAllInfo(); cir.countBoy(1, 2, 15); } } // 创建环形的单向链表 class CircleLinkList { // 创建一个first检点 pri.
关于NodeJS的文件读取
weixin_43724848的博客
10-06 241
var fs = require("fs"); // 导入文件模块 // node,读写文件有同步与异步的接口，我们重点使用异步 // var fd = fs.openSync('hello.txt','r'); // console.log(fd); // 同步=>等待和阻塞 // var buf = Buffer.alloc(20); // var content = fs.readFileSync(fd); // 异步 fs.readFile("hello.txt", { flag: ".
vue成绩表增删改查怎么写
最新发布
05-28
Vue成绩表的增删改查可以使用Vue框架的数据绑定和方法来实现。以下是一个简单的示例代码： HTML部分： ``` 姓名 语文成绩 数学成绩 英语成绩 操作 (item, index) in students"> <td>{{ item....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值