- 博客(8)
- 收藏
- 关注
原创 VueDay06(组件反向传值,多层传值 )
什么是单向数据流指的是父组件通过属性传值给子组件如果子组件修改了传过来的值,父组件的对应的属性是不会改变的,也就是说,渲染到页面的父组件数据是不会变的,所以,有父组件传给子组件的值不能反向修改(响应),但是父组件数据改变是可以改变子组件的值的,数据是单向的.事件修饰符@事件名.stop 阻止冒泡;@事件名.prevent 阻止默认事件;@事件名.capture 监听事件捕获;@事件名.self 阻止事件捕获、冒泡时触发函数,只能在目标阶段触发该函数如目标阶段节点不是该事件绑定的
2021-10-18 20:09:54
553
1
原创 VueDay05(组件传值、组件属性、插槽)
组件一切皆组件、在页面中,不同区域用的是相同的HTML结构或者说是相同的模板,而在页面显示的是不同的数据,而这个就是组件,Vue中的组件化开发就是把页面分为不同的模板(组件),不同模板可以有不同的人开发,在打包车成一个大的组件挂载到页面上,提高开发效率.组件分为全局组件与局部组件(查看上期笔记)注意:一般一个Vue文件就是一个组件Vue框架集成加载器可以解析vue文件并打包,并且每一个组件只能有一个跟节点;组件引入方式 es6导入语法 (import)方式一:import sinna from
2021-10-17 23:14:35
158
1
原创 VueDay04(自定义指令、自定义组件、生命周期函数(钩子函数))
自定义指令局部指令语法:<div v-changeColor></div>//v-自定义指令名;<script> new Vue({ el:'', data:{}, derectives:{ changeColor:{ inserted(tar,n2){ //tar是指令标签 tar.style.color = 'red'; } } }})</script>全局指令语法:Vue.drect
2021-10-14 19:45:07
243
1
原创 vueDay03(过滤器、计算属性、属性监听器)
过滤器过滤器只能在属性绑定、插值表达式中 不用在v-html ,v-text中,对绑定数据进行处理 可以用this取值data语法 绑定数据名|函数名(参数)|函数名(参数)如:<div>{{data|fn1(可以不传参)}}</div>如:描述:过滤时data作为参数传给fn1 fn1返回的数据会显示到页面上 如果有多次调用就会把函数的返回值作为参数传给下一个函数 直到最后显示到页面上;<div id="box"> <h1>{{
2021-10-14 08:53:26
109
1
原创 vueDay02(单向绑定、双向绑定、条件渲染、循环渲染)
vue中的响应式数据(单项绑定)1.属性绑定2.样式绑定3.插值表达式等。。。。。。vue中的响应式数据(动态响应)是怎么实现的1.劫持了data对象中的成员2.采用发布者-订阅者的设计模式 然后重写了成员的set方法;3.核心是es5的Object.defineProperty静态方法;4.vue2.0使用的Object.defineProperty 而vue3.0 用的es6的proxy 不仅仅劫持了方法(可以通过this.函数名获取函数,和获取data的数据一样);双向数据绑定
2021-10-12 20:00:39
123
原创 vueDay01(基础指令 事件、属性、样式绑定,vue页面闪烁)
插值表达式:基础指令:v-html='data'; v-text='data';v-html底层用的innerHtml 所以可以识别标签而v-text用的innertext 不能识别标签;v-cloak设置该属性后再执行new Vue()执行后就会消失可以用过这个特性来解决页面闪烁的问题v-pre设置了这个属性的 不会变量的替换 相应的类名会是nihao 而不是在data设置的数据v-bind:数据绑定 语法糖 :~~~属性绑定...
2021-10-11 20:18:47
186
2
原创 js 语法
执行js//1.语法分析,//2.预编译,{1.创建全局go对象(全局预编译){01. 先找变量声明并作为GO对象属性,值为undefined,下面一样;02.再找函数声明;}2.局部ao对象;(局部预编译){01.现在局部变量声明,包括形参并作为AO对象属性,值为undefined,下面一样;02.再把形参与实现赋值;03.最后在找函数声明;}}//3.执行代码(变量赋值等)js组成 ECMAScript(ES语法部分)es5,es6; DOM:documen
2021-10-11 19:30:43
317
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人