Lonely_Game-优快云博客

原创 VueDay06(组件反向传值，多层传值 )

什么是单向数据流指的是父组件通过属性传值给子组件如果子组件修改了传过来的值，父组件的对应的属性是不会改变的，也就是说，渲染到页面的父组件数据是不会变的，所以，有父组件传给子组件的值不能反向修改(响应),但是父组件数据改变是可以改变子组件的值的,数据是单向的. 事件修饰符 @事件名.stop 阻止冒泡; @事件名.prevent 阻止默认事件; @事件名.capture 监听事件捕获; @事件名.self 阻止事件捕获、冒泡时触发函数，只能在目标阶段触发该函数如目标阶段节点不是该事件绑定的

2021-10-18 20:09:54 683 1

原创 VueDay05(组件传值、组件属性、插槽)

组件一切皆组件、在页面中，不同区域用的是相同的HTML结构或者说是相同的模板，而在页面显示的是不同的数据，而这个就是组件，Vue中的组件化开发就是把页面分为不同的模板（组件），不同模板可以有不同的人开发，在打包车成一个大的组件挂载到页面上，提高开发效率.组件分为全局组件与局部组件（查看上期笔记）注意:一般一个Vue文件就是一个组件Vue框架集成加载器可以解析vue文件并打包,并且每一个组件只能有一个跟节点; 组件引入方式 es6导入语法（import）方式一：import sinna from

2021-10-17 23:14:35 222 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 290 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 214 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 180

Lonely_Game的博客

原创 VueDay06(组件反向传值，多层传值 )

原创 VueDay05(组件传值、组件属性、插槽)

原创 VueDay04(自定义指令、自定义组件、生命周期函数(钩子函数)）

原创 vueDay03(过滤器、计算属性、属性监听器)

原创 vueDay02(单向绑定、双向绑定、条件渲染、循环渲染)

原创 vueDay01(基础指令事件、属性、样式绑定，vue页面闪烁)

原创 js 语法

原创 vue引入方式

空空如也

空空如也