11 2018 档案

vue-组件之间的通信：
摘要：组件之间的通信：一个组件被调用，那么里面的数据就需要从前者调用，因为在开发中组件时重复调用的，在页面中会反复使用，但是里面的数据是不一样的，谁调用这个组件谁就传递数据给这个组件，所以就要暴露一些接口，供外界传递数据，这就是组件之间的通信。组件实例的作用域是孤立的/每个组件都是独立的，这意味着不能并且不应该在子组件的莫版内直接引用父子组件的数据但是父子组件之间需要通信：父组件要给子组件传递数据，子组... 阅读全文
posted @ 2018-11-27 10:43 熊削铁如泥-厚积薄发 阅读(177) 评论(0) 推荐(0)
vue-为什么子组件中的data选项必须是函数？
摘要：1 2 3 4 5 Title 6 7 8 9 24 25 26 27 28 29 30 31 32 33 34 35 点击的次数{{counter}} 36 37 38 39 66 阅读全文
posted @ 2018-11-27 09:59 熊削铁如泥-厚积薄发 阅读(592) 评论(0) 推荐(0)
Vue的data选项使用注意
摘要：使用组件时，大多数可以传入到Vue构造器中的选项可以在Vue extend（）或 Vue.component() 中注册组件时使用，但是有一个重要的前提：data必须是函数 1 1.在 var vm = new Vue({ 2 el：'#app', 3 daa:{} 4 })中的data是用来存放数据的，是一个对象 5 6 2.在Vue.component({})里... 阅读全文
posted @ 2018-11-27 09:26 熊削铁如泥-厚积薄发 阅读(775) 评论(0) 推荐(0)
Vue学习笔记（一）
摘要：特点： 易用 灵活 性能(体积小/DOM快/优化) 社区活跃 架构设计上采用MVVM模式 核心：双向绑定，数据的改变就能引起页面的改变--页面的改变就能引起数据的改变 Vue使用一：直接下载相关文件引入到HTML页面 vue使用二：脚手架安装 新建文件夹 》shift建-在此处打开命令窗口 》npm 阅读全文
posted @ 2018-11-23 14:17 熊削铁如泥-厚积薄发 阅读(197) 评论(0) 推荐(1)
Vue实现一个学生信息录入系统，实现录入和删除
摘要：效果如下： 代码如下： 阅读全文
posted @ 2018-11-23 14:12 熊削铁如泥-厚积薄发 阅读(3748) 评论(0) 推荐(0)
DOM学习总结（六）DOM导航
摘要：什么是 HTML DOM 导航？ DOM是一个以节点关系组成的结构，所以我们可以使用节点之间的关联找到整个HTML页面中的元素 1.HTML DOM 节点列表： getElementsByTagName("") 方法 //返回所查找元素的所有节点列表 节点列表是一个节点数组 可以通过下标访问这些节点 阅读全文
posted @ 2018-11-21 17:55 熊削铁如泥-厚积薄发 阅读(221) 评论(0) 推荐(0)
DOM学习总结（五）DOM中的事件
摘要：什么是DOM事件？ 事件就是当触发这个事件之后会执行一段代码 使用 on 来绑定一个事件 比如：<div onclick="hj()"></div> 常见事件：1.当鼠标点击某个元素时/或者移动到当前元素上时2.页面加载时3.改变输入字段时4.当HTML表单被提交时5.当用户触发键盘上的某个按键时 阅读全文
posted @ 2018-11-21 17:47 熊削铁如泥-厚积薄发 阅读(174) 评论(0) 推荐(0)
DOM学习总结（四）DOM修改
摘要：DOOM修改 找到标签之后就可以对它进行修改了可以修改：1.改变HTML元素 比如说把 p 改为 span2.改变HTML属性 比如说 id class3.改变CSS样式 比如说改变字体颜色4.添加或者删除事件5.替换... 创建/替换 HTML 文本内容 document.getElementBy 阅读全文
posted @ 2018-11-21 17:40 熊削铁如泥-厚积薄发 阅读(286) 评论(0) 推荐(0)
DOM学习总结（三）DOM访问/操作
摘要：DOM访问理解：找到这个标签元素，然后才能对它进行操作 1.getElementById() 方法document.getElementById(""); //通过id名字来找到 2.getElementsByTagName() 方法document.getElementsByTagName("") 阅读全文
posted @ 2018-11-21 17:26 熊削铁如泥-厚积薄发 阅读(130) 评论(0) 推荐(0)
DOM学习总结（二）
摘要：一.什么是DOM属性 DOM属性简单来说就是HTML的属性值 二.常见的DOM属性有哪些? 1.innerHTML 属性 获取元素的内容，想要拿到某个元素的文本内容，直接在后面加 .innerHTML; var txt=document.getElementById("h1").innerHTML; 阅读全文
posted @ 2018-11-21 17:20 熊削铁如泥-厚积薄发 阅读(117) 评论(0) 推荐(0)
DOM学习总结（一）
摘要：一.什么是 DOM？ DOM 定义了访问 HTML 和 XML 文档的标准： HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。 简单来说 HTML DOM 就是关于如何获取、修改、添加或删除 HTML元素的内容的一种方法 二.DOM节点 在 HTML DOM 中，所有的 阅读全文
posted @ 2018-11-21 17:10 熊削铁如泥-厚积薄发 阅读(176) 评论(0) 推荐(0)
vue实现选项卡切换效果
摘要：效果如下： 说明： 这里我使用的原理是利用vue中的v-show/显示隐藏指令，当为true的时候显示，为false的时候隐藏 1html代码： 2css代码： 3js： 应届菜鸟，大佬勿喷... 阅读全文
posted @ 2018-11-21 09:43 熊削铁如泥-厚积薄发 阅读(5218) 评论(0) 推荐(0)
使用vue完成一个分页效果
摘要：基于 element-ui 分页组件实现分页效果 效果如下： 使用说明： 0.首先在头部引入需要的外部文件 1.从element官方网页中复制想要的组件代码直接放入body中 2.编写逻辑代码 3.完成列表的数据渲染 1.html代码如下： 2.css代码： 3.js代码 4.json数据： ha. 阅读全文
posted @ 2018-11-20 21:17 熊削铁如泥-厚积薄发 阅读(611) 评论(0) 推荐(1)
jq实现跟随鼠标点击移动的下划线效果
摘要：效果如下： 1.html代码： 2.css代码： 3.js代码： 应届菜鸟，大神勿喷... 阅读全文
posted @ 2018-11-20 20:13 熊削铁如泥-厚积薄发 阅读(585) 评论(0) 推荐(0)