- 博客(16)
- 收藏
- 关注
原创 【vue】组件的依赖注入、中央事件总线、动态组件、组件缓存
被keep-alive包含的组件不会重新初始化,也不会重新走生命周期函数,但我们可能会希望我们缓存的组件在再次渲染时能做一些事情,vue为此提供了两个钩子函数。当组件进行切换时,默认会进行销毁,再切换回去时会是一个重新渲染的组件,但如果我们希望切换回这个组件时状态不变,就可以使用。注意: is是组件名 :is是data中的变量中保存的组件名。是vue内置的一个组件,能够实现指定组件状态的缓存。包含的组件 可以写组件名字符串 也可以写正则。排除的组件 可以写组件名字符串 也可以写正则。
2022-09-08 22:47:15
392
2
原创 【vue】组件传值
通过在子组件上定义自定义事件,在子组件中通过$emit 来触发事件;子组件的事件被触发并传参,事件处理函数可以接收到子组件的数据;事件绑定的事件处理函数在父节点上,故可在事件处理函数中用到子组件的数据值来修改父节点的数据。其中 $emit 中的两个参数,第一个为父组件的事件,第二个为想要传的值。子组件通过调用父组件的方法给父组件传值:子组件的自定义事件中,当触发点击事件时,在函数中使用 $emit。点击按钮将子组件的age内容传给父组件。在引用子组件的位置,写入事件。
2022-09-07 23:27:02
118
原创 【vue】组件插槽、组件自定义事件
首先给子组件标签通过v-on:自定义事件名字=“函数名”,绑定一个函数,接着在父组件APP的methods里面定义这个函数(需要接收一个参数)在子组件中,首先定义一个click事件,接着在methods内书写click事件函数,在其内部通过this.$emit()去触发APP组件里面的自定义事件,括号内的第一个参数是自定义事件名字,后面的参数是数据,(注意:给哪个子组件绑定自定义事件就去哪个子组件去触发这个事件)在子组件的methods里面定义触发这个函数的函数,通过this.函数名括号传数据。
2022-09-06 23:18:52
998
原创 【vue】单文件组件、组件的属性
5.如果.vue的script注释了 在打包的时候 vue的打包环境 会帮我们把这个文件解析为一个对象 然后给这个对象添加一个template属性 值为解析的template页面模板字符串。2.引入文件时 @代表了src目录的意思 这个@是vue的脚手架集成的basepath 其他框架中没有@不要记混乱了。3.注册的组件名不能跟vue中的和原生DOM的重名,注册的名字是驼峰 使用时就用连字符。4.注册的组件 使用时可以用双标签也可以用单标签: 如果有插槽必须用双标签。来接收其他文件传过来的值。
2022-09-05 21:28:13
449
原创 【vue】
除了默认设置的核心指令( v-model 和 v-show 等),Vue 也允许注册自定义指令。在Vue里,代码复用的主要形式和抽象是组件。
2022-09-04 22:48:48
162
原创 【vue】过滤器、响应式数据原理、key的原理
因为vue在刷新页面组件时,会把旧节点跟新vm节点做比较,如果要增加节点,并不会删除旧节点,而是复用,这样会导致节点跟数据没有绑定关系而重新渲染,用key可以将数据与节点绑定起来。然后就去刷新数据到界面: 按照for的数据容器中的数据顺序来渲染如果用户以前操作过旧节点,那么新数据顺序可能会出现跟旧节点顺序不匹配的效果(旧节点跟旧数据没有对应起来)如果数据多了,会在vm节点后面增加对应数量的节点,并不会重新创建所有节点,然后vm去更新对应的DOM。实例,它会在组件渲染的过程中把使用过的数据属性通过。...
2022-08-31 22:33:55
190
原创 【vue】事件绑定、样式绑定及v-if、v-show、v-for渲染
可以阻止冒泡,阻止从当前元素经过的所有冒泡行为。事件只触发一次,触发完之后,事件就会解绑。绑定点击事件 可以简写方式。添加事件侦听器时让事件在捕获阶段触发。嵌套的标签会有冒泡行为,使用。......
2022-08-30 23:52:28
756
原创 【vue】基础指令及属性绑定
可以为元素的属性动态绑定属性值 vue 规定(类似语法糖)v-bind:指令。插值表达式支持一些js数据类型,但window下面的全局变量不支持。
2022-08-29 19:57:09
754
原创 Nodejs
1.2.1解析时遇到了img标签的src属性会异步的开始再次网络请求服务器,服务器返回数据包(图片编码)然后渲染出来。1.2.4解析时script-src会异步的开始再次网络请求服务器,服务器返回数据包(js编码)然后用js引擎去执行编码。1.2.2解析时遇到了link-href会异步的开始再次网络请求服务器,服务器返回数据包(css编码)然后加载。1.2.3解析时xxxx-url会异步的开始再次网络请求服务器,服务器返回数据包(对应编码)然后加载。...
2022-07-31 14:36:26
72
原创 【CSS】calc()方法及水平垂直居中的方法
5)、表达式中有“*”和“/”时,其前后可以没有空格,但建议保留。4)、表达式中有“+”和“-”时,其前后必须有空格。1)、使用“+”、“-”、“*”和“/”运算。2)、可以使用百分比、px、em、rem等单位运算。3)、可以混合使用各种单位进行运算。...
2022-07-18 11:39:32
1590
原创 【ES6】class类
声明类:匿名类:类的数据类型就是函数,类本身就指向构造函数:直接对类使用new命令,跟构造函数的用法完全一致:构造函数的prototype属性,在 ES6 的“类”上面继续存在。事实上,类的所有方法都定义在类的prototype属性上面constructor()方法constructor()方法是类的默认方法,通过new命令生成对象实例时,自动调用该方法。一个类必须有constructor()方法,如果没有显式定义,一个空的constructor()方法会被默认添加。......
2022-07-12 20:22:31
113
原创 【ES6】箭头函数
基本语法:箭头函数只有一个参数时,可以不用括号()相反,如果使用多个参数,就必须使用括号()如果箭头函数的执行体只有一个表达式 就是返回值 那么可以省略大括号。当箭头函数要返回对象的时候,为了区分于代码块,要用 () 将对象包裹起来。箭头函数里面的this不是箭头函数的调用者,而是箭头函数的外层作用域。箭头函数不可以作为构造函数,也就是不能使用 new 命令,否则会报错(2)使用箭头函数的注意点(1)箭头函数没有自己的this对象。(2)不可以当作构造函数,也就是说,不可以对箭头函数使用
2022-07-12 19:17:53
264
原创 ES6 字符串(string)方法
1.includes() 返回的是布尔值 判断是否存在该字符2 .startsWith() 返回布尔值判断字符是否出现在原字符串的头部3 .endsWith() 返回布尔值 判断字符是否出现在原字符串的末尾4.**repeat ()**返回的是一个新的字符串,表示将原字符串重复n次如果是小数会向下取整:0到-1之间的小数和NaN等同于0 返回的都是空字符串:非字符串先转换为数值类型:padStart(),padEnd(),如果某个字符串不够指定长度,会在头部或尾部补全。原字符串长
2022-07-11 19:55:31
282
原创 浏览器的内核,ES5与ES6的区别?
浏览器要渲染出网页给用户看,必须加载html编码和js脚本,渲染引擎渲染页面的UI和js执行引擎操作内存,就是浏览器的的重要组成程序:内核根据不同的浏览厂商 他们使用了不同的内核, 内核的程序是很难实现的,根据我的了解有一些内核是公司自己实现的有一些是直接借用的,比如:1、IE浏览器内核:Trident内核,也是俗称的IE内核;2、Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核;3、Firefox浏览器内核:Gecko内核,俗称Fire
2022-07-08 17:47:41
193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人