vue.js
文章平均质量分 86
hardwork come on
相信自己,改变自己
展开
-
金秋十月,面试题
js中的let 和 constlet声明的变量只在let命令所在的代码内有效。const 声明一个只读的常量, 一旦声明, 常量的值就不能改变。代码块内有效let 是在代码块内有效,var 是在全局范围内有效:判断数据类型:typeofinstanceOfconstructorobject.prototype.toString.call()let与const都是只在声明所在的块级作用域内有效。let声明的变量可以改变,值和类型都可以改变,没有限制。const声明的变量不得改变值,这原创 2021-10-01 14:42:46 · 289 阅读 · 0 评论 -
echarts柱状图legend分2行排列
legend: [ { orient: 'horizontal', // top: 'middle', // padding:[0,50,0,0], // x:'right', //可设定图例在左、右、居中 // y:'bottom', // bottom: 20, itemWidth: 10,原创 2020-12-18 18:28:01 · 2764 阅读 · 1 评论 -
vue和js jq多个eharts来渲染显示
<!DOCTYPE html><html lang="zh-CN"><head> <title>深圳市2020年重大项目计划编制</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta name="viewport" content="wi原创 2020-11-28 18:23:59 · 161 阅读 · 0 评论 -
vue和表格和饼状图的渲染
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>换乘分析</title> <meta name="renderer" content="webkit"> <#include "/header.html"> <style> table.gridtable {原创 2020-11-20 18:13:35 · 301 阅读 · 0 评论 -
vue结合echarts柱状图,渲染
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>换乘分析</title> <meta name="renderer" content="webkit"> <#include "/header.html"> <style> table.gridtable {原创 2020-11-20 18:05:40 · 505 阅读 · 0 评论 -
vue的echarts,饼图结合 width:100; display:none显示不完全
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <title>轨道交通-线网查询</title> <#include "/header.html"> <style> .原创 2020-11-20 17:52:27 · 724 阅读 · 0 评论 -
用vue中的兄弟组件通信(事件总线),做一个聊天框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .chat{原创 2020-06-28 21:44:11 · 292 阅读 · 0 评论 -
更深入的理解vue中watch多种灵活的用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <style>原创 2020-06-15 23:41:06 · 126 阅读 · 0 评论 -
用vue中组件通信,写一个tab选卡.更容易知道组件的通信
首先知道**父子的通信**1.父子通信是在****父组件中定义自定义属性,在组件通过props来接受.子父通信在父组件定义自定义事件,在子组件用$emit,来监听自定义的事件,在根组件,使用定义的方法子组件给父组件传递数据自定义事件子组件用 $emit() 来触发事件 ,父组件用 v-on来 监听子组件的事件 。第一步:自定义事件第二步: 在子组件中用$emit触发事件。第一个参数是事件名,后边的参数是要传递的数据第三步:在自定义事件中用一个参数来接收作者:苦瓜_6链接:http原创 2020-06-12 21:36:52 · 219 阅读 · 0 评论 -
在vue中写个时间
用声明式变量,定义time(当前的时间)和week(星期)1.获取当前的时间和获取当前的周期2.在mounted中使用定时器3.在beforeCreate中清楚定时器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2020-06-12 21:27:32 · 1021 阅读 · 0 评论 -
vue的todolist的分析
在vue中computed计算属性,依赖项目不光可以是data的数据,还可以是其余的计算属性 @sublim.prevent=“addTodo”@sublim.top=“addTodo”form 用了才能有required这个属性方法写在methos中,不看以写在计算属性中computed:{ addToto(){ conosle.log('322') }}方法写在methos中computed:{addToto(){conosle.log(‘322’)原创 2020-05-30 22:33:18 · 152 阅读 · 0 评论 -
vue实现tab选项卡的多种方法
第一种<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .active {原创 2020-05-29 22:06:52 · 2760 阅读 · 0 评论 -
vue的生命周期,简单的分析一下
在vue中的生命周期vue的生命周期:从初始到销毁阶段借用vue生命周期的图片https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA生命周期三个阶段第一阶段:beforeCreatecreatedbeforeMountmounted第二阶段beforeUpdateupdated第三阶段beforeDestroydestroyed注意点原创 2020-05-26 17:43:49 · 242 阅读 · 0 评论 -
//面试题(常见) 后续给一个对象添加一个新的属性 ,如果也想渲染最新的属性,那么通过Vue.set()方法去实现
用vue.set(对象,“要添加的属性”,“属性的内容”)//后面要自己在对象中在添加属性// Vue.set(对象,“要添加的属性”,“属性的内容”) Vue.set(vm.user,‘password’,123)不能检测以下变动的数组vm.items[indexOfitem]=newValue解决(1) Vue.set(example1.items,indexOfitem,newValue) //如果在实列中可以通过this.$set(vm.arr,2,30)只能在里面使用原创 2020-05-12 23:22:55 · 126 阅读 · 0 评论 -
Vue中的数组变异的方法 (数组更新检测)
Vue 包含一组观察数组的变异方法,它们将会触发视图更新 push()添加在末尾一个元素,返回值是修改后数组的长度 unshift添加在首未尾部,返回的是修改后的数组的长度 pop()删除末尾的元素,返回值是删除的元素 shift()前面删除的元素,返回值是删除的元素 splice() 删除原数组的一部分成员,并可以在被删除的位置添加入新的数组成员 数组的剪切 删除 插入原创 2020-05-12 23:21:10 · 1407 阅读 · 0 评论 -
vue的指令
vue中的常用指令数据的双向绑定数据的变化会引起页面的变化主要是用在表单类的元素v-model 一般是用在表单元素中, <div id="box1"> <p>{{name}}</p> <!--输入要绑定的内容--> <!--当输入框的value改...原创 2020-04-19 12:53:00 · 524 阅读 · 0 评论 -
vue的slot插槽
slot插槽 调用组件时,如果在组件的里面写入内容的时候,它是不会渲染出来 利用slot插槽可以渲染出来 slot可以把组件内部的标签渲染出来 \1. 定义组件时想好要在哪个位置去渲染 slot 内容 \2. 在想好的位置哪里,放...原创 2020-04-13 23:49:53 · 90 阅读 · 0 评论