vue
道法—自然
不积跬步,无以至千里;不积小流,无以成江海。——荀子
展开
-
vue入门,安装,创建项目
vue的官网 vue在git上的网址vue的安装: 拉取旧版本: 创建vue项目: v- bind表达式几个基本指令:原创 2018-11-12 23:20:51 · 237 阅读 · 0 评论 -
vue中数据之间的传递用propos
子集 父集 以上是子父集互相传递数据。 传参数的时候是以对象的形式展示的,封装在propos中的。 如果默认值是string或者number类型,那么可以用default表示。 如果默认值是object类型,数组或者对象,必须返回一个function v-for循环表示。数据之间的传递用propos...原创 2018-11-14 22:49:35 · 1972 阅读 · 0 评论 -
vue中组件的学习
vue中的解耦,可以改变元素的样式,也可以改变元素的内容。改变样式通过style的方式来分离改变;改变元素可以通过{{ content }},然后在data中去完成改变,也是达到了解耦的效果。 可以通过这种方式获取元素的值。 这个mounted可以改变vue中的生命周期。 绑定可以通过v-model去绑定,也可以通过ref去绑定。 ...原创 2018-11-14 23:04:03 · 126 阅读 · 0 评论 -
vue中的插槽
插槽的作用是内容分发这就是一个插槽,插槽的内容是什么呢?是由调用它的东西来显示,也就是说谁调用,那么谁就会显示插槽的内容。组件之间的传递是单纯的数据的分发,而插槽的传递传递的是视图。插槽和组件的区别是:①插槽的传递是视图的传递,而组件的传递是内容的传递;②插槽的内容显示,是由谁调用就由谁来显示插槽的内容,组建的内容是提前已经写好了,或者在这个过程中在写数据。...原创 2018-11-14 23:42:15 · 256 阅读 · 0 评论 -
vue的生命周期
组件的创建和渲染是两个不同的概念。8个生命周期函数:创建之前和创建之后渲染之前渲染之后更新之前更新之后销毁之前与销毁之后创建、渲染、改变、销毁mounted是渲染之后created 创建:created 渲染:mounted修改:updated销毁:destroyeddata的改变会影响视图的改变。...原创 2018-11-14 23:52:00 · 131 阅读 · 0 评论 -
js中设置查询范围,精确查询与模糊查询
if ((req.query.begTime && req.query.begTime != "0") || (req.query.endTime && req.query.endTime != "0")) { //设置时间范围,起始时间和最终时间 objELkRequestBody.SetTimeRange(req.qu...原创 2018-11-14 23:53:25 · 2823 阅读 · 0 评论 -
vue中的动画效果(主要是通过CSS去实现的)
vue中组件的引入首先是在template中用import引入其次是要在component中还要引入一下。 过度名:一共有六个:v-enterv-enter-activev-enter-tov-leavev-leave-activev-leave-to 进入:在这里是去了一个名字叫'hello" 以上这个是一个淡入...原创 2018-11-15 09:00:02 · 1294 阅读 · 0 评论 -
vue中的指令
生命周期:全局指定的好处就是在任何地方都可以进行调用。局部指令就是只能在当前定义的地方去调用。 局部指令是directives指令分为局部指令和全局指令指令中有几个方法方法中有几个参数元素中el是做主要的。 ...原创 2018-11-15 09:14:55 · 164 阅读 · 0 评论 -
node调用后台接口的代码
var body = require('body-parser');var elasticsearch = require('elasticsearch');var config = require('../../config/config');var ELk_requestbody = require('../../config/ELk_util');exports.gettablel...原创 2018-11-14 12:57:34 · 1358 阅读 · 0 评论 -
node操作es的查询语句
exports.getIPSList=function (req, res, next){ //定义变量 var objELkRequestBody= new ELk_requestbody.ELK_RequestBody(); //接受并响应 objELkRequestBody.RequestParamAnalysis(req,res,next); ...原创 2018-11-15 22:32:23 · 1685 阅读 · 0 评论 -
vue框架学习:vue列表的渲染
v-if v-if与v-show二者的区别:v-if有else 列表渲染:原创 2018-11-12 23:32:24 · 145 阅读 · 0 评论 -
vue中事件的处理
跟data同级,methods的方法,里边申明函数 可以这样写,也可以简略写:改变里边的值的事件 事件改变数据,数据改变会引起视图的变化传递事件 控制台打印的方法: 这三个不能引起数组的更新检测...原创 2018-11-13 08:35:58 · 184 阅读 · 0 评论 -
vue中的计算属性,监听器
计算属性与函数或者方法的区别:原创 2018-11-13 08:36:10 · 155 阅读 · 0 评论 -
style与class的绑定
这就是class的加载 样式的加载 动态绑定属性和本身的属性是不冲突的。一个template下只能有一个div容器class中的属性可以使对象,也可以不是对象,也就是写死的情况最终是要达到html和js分离事件:需要在前边加上@click里边的内容需要在method中去定义。vue中,在深入一层关系的情况下,调用自己仍然需要定义。 数组的形...原创 2018-11-13 09:11:53 · 238 阅读 · 0 评论 -
vue中表单的输入绑定
template下可以有只能有一个div,但是这个div中可以嵌套很多div输入中的v-model placeholderchecked 复选框用label来显示这个信息单选框 回车和失去焦点。trim可以去掉前后的空格,不能去掉中间的空格。 watch监听事件 watch监听数据的变化。 ...原创 2018-11-13 09:30:27 · 274 阅读 · 0 评论 -
vue中时间插件的引入
首先是在第一个div中引入时间插件 <Row type="flex" justify="end"> <Col> <DatePicker v-model="timeStr" format="yyyy/MM/dd" type="daterange" placement="bott原创 2018-11-13 19:51:42 · 1803 阅读 · 0 评论 -
vue中的组件
引入分为三个:第一个是导入第二个是注入component第三个事才是引入,引入之前必须注入,不注入是无法引入的。 在这里引入的组件是learn ...原创 2018-11-13 22:11:39 · 118 阅读 · 0 评论 -
vue组件之间的传递性
只有前边加了冒号,后边才能用。 事件:引入组件,是需要定义的。 自定义事件的传递,用的方式就是$emit原创 2018-11-13 22:32:30 · 139 阅读 · 0 评论 -
vue 中的动态组件
动态组件:组件的格式模板:组件的引入:动态引入组件: 引入之后需要申明的。引入之后需要在component中进行申明的。 当引入事件的时候,就需要在method中进行申明。 keep-alive:避免组件来回的切换 ...原创 2018-11-13 22:45:39 · 160 阅读 · 0 评论 -
vue中的propose的验证
希望添加类型就以对象的形式展示,不希望添加类型,就以String类型的形式展示。props的属性默认值和必填项默认值为:default必填项为:required 默认值是数组或者对象,必须返回一个function循环的写法:...原创 2018-11-14 12:58:02 · 378 阅读 · 0 评论 -
vue中的过滤器
vue中的过滤器过滤器是一种自定义的方案,过滤成想要的结果 使用filter过滤函数,在前边用管道显示。原创 2018-11-15 09:28:40 · 220 阅读 · 0 评论