m0_73894967的博客

b-------引入pubsub import pubsub from 'Pubsub-js'd------在子元素中使用this.$emit('自定义事件的名字',传递的参数)调用。a-------下载pubsub(npm i pubsub-js)b------给子元素使用v-bind绑定属性。b------给子元素用v-on绑定自定义事件。c------子元素中使用props接收数据。c-------在mounted中使用。d-------在子元素中使用。d------在子元素中使用。

2.可以利用他跳过:没有使用指令语法,没有使用插值语法的节点,会加快编译。1.跳过所在节点的编译过程。

1. 虚拟DOM中key的作用： key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】, 随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下： 2.对比规则： (1).旧虚拟DOM中找到了与新虚拟DOM相同的key： ①.若虚拟DOM中内容没变, 直接使用之前的真实D

通过object.defineproperty()把对象中的所有属性添加到vm上。为每一个添加到vm对象上的属性,都指定一个set和get。在set和get内部去操作data中对应的属性。2.vue中数据代理的好处:更加方便的操作data中的数据。1.概念:通过vm对象来代理data对象中属性的操作。

没有el:页面中的所有组件都是通过vm对象管理的,所以说vm会配置el管理的dom节点器。template---存放html结构,使用模板字符串。子组件 --- TodoHeader。子组件 --- TodoFooter。子组件 --- TodoList。1>--定义组件(创建组件) 通过Vue.extend创建。root --- 整个网站的单页面 -- 唯一的html。根组件 --- App。--避免组件被复用时,数据之间存在引用关系。data数据类型函数。

b.指令名如果是多个单词,要使用user-name,不能使用userName。inserted(el,binding)--指令所在元素被插入页面时。update(el,binding)---指令所在模板被重新解析时。Vue.directive('指令名','处理函数'/配置对象)bind(el,binding){}-----指令绑定到元素上时。binding:当前指令所在标签的对象信息。指令名:使用指令时,切记要添加v-指令名。a.指令定义时不加v-,但使用时要加v-对象式:使用方法时使用。

2.全局过滤器(filter):可以在不同组件之中使用,定义到全局。b.使用过滤器{{被过滤的值(data中的数据) | 过滤名(过滤方法)}}1.局部过滤器(filters):写在vm对象中,不同的组件之中不可以使用。a.注册过滤器:new vue(filters:{})\。格式语法:Vue.filter('过滤器名',执行函数)可以用在差值语法和v-bind之中。过滤器:对展示的数据进行格式化之后再显示。

②.若虚拟DOM中内容变了, 则生成新的真实DOM，随后替换掉页面中之前的真实DOM。key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】,a.最好使用每条数据的唯一标识作为key, 比如id、手机号、身份证号、学号等唯一值。(2).旧虚拟DOM中未找到与新虚拟DOM相同的key,创建新的真实DOM，随后渲染到到页面。b.如果不存在对数据的逆序添加、逆序删除等破坏顺序操作，仅用于渲染列表用于展示，①.若虚拟DOM中内容没变, 直接使用之前的真实DOM！

条件 为false --- 销毁 --- 默认开始 - false 不创建不销毁。v-show:无论表达式值是true或者false,都会进行编译缓存渲染。v-if:局部编译,切换时会重建或销毁组件内部的事件监听和子组件。v-show:编译之后基于css进行显示隐藏,dom始终存在。v-show:控制css中display属性进行显示隐藏。v-if:惰性的,只有表达式为true,进行编译缓存渲染。条件 为true --- 创建。v-show:切换条件较多。3.v-if与v-show的区别。

添加bind要从data中获取数据,因此需要在vue中声明。c.对象(要绑定多个样式,数量,名字确定,但是不确定是否使用)当对象中的属性值与data中的属性名相同时,可以直接写属性名。b.数组(绑定多个样式,数量不确定,名称也不确定)a.字符串方式(类名不确定时,且需要动态获取)1.class(使用v-bind绑定)

Watch没有缓存性，更多的是观察的作用，可以监听某些数据执行回调。当我们需要深度监听对象中的属性时，可以打开deep：true选项，这样便会对对象中的每一项进行监听。当页面中有某些数据依赖其他数据进行变动的时候，可以使用计算属性。依赖的数据发生变化时，触发属性重新计算。computed:计算属性,依赖一个值计算另一个值,当数据发生变化时,使用该数据地方也会发生变化。watch:侦听属性,侦听数据是否发生变化,执行对应的回调。watch:数据发生变化时,执行对应的回调,不会调用缓存。

在监听的数据变化时,进行某些操作。watch : 监听属性,只能监听data中已存在的数据。3.页面加载时自动监听,此时监听的是对像。2.深度监听:监听复杂数据类型(对象)1.默认监听:只能监听简单数据类型。

v-html:可以解析html标签 innerhtml。v-text:不能够解析html标签 innertext。都可以设置文本,展示数据。1.v-text 数据展示,设置文本。2.v-html 数据展示,设置文本。3.v-text和v-html的区别。

需要在style里面设置样式。v-cloak:可以用插值,解决闪烁问题。

2-通过v-bind绑定数据时,可以自动解析data传递的数据。1.v-bind:属性名='属性值[data的属性]':属性名='属性值[data的属性]'v-bind:强制绑定属性。

b.使用$.mount()实现挂载。a.对象--在单文件中书写。2.data:存放所有的model数据。b.函数--在组件中写。1.el:管理dom节点入口。

model和view本质上并没有直接的联系,VM作为mvvm的核心,将model和view连接了起来,将model和view进行了交互,M: --model --- 模型 -- 当前页面依赖的数据源。V: --view --- 视图 -- 当前页面的结构。全称是model-view-viewModel,是一种设计思想,核心是vm。VM: --viewModel --- 视图模型 --vm对象。

多页面（Multi Page Application——MPA）：有多个HTML页面，跳转的时候是从一个html页面跳到另一个页面。单页面（Sing Page Application——SPA）：顾名思义，只有一个页面。一般是一个主页和多个路由页面组成。不利于SEO（可以优化：比如路由懒加载等）公共资源不重新加载，局部加载，服务器压力小。开发难度较大（相对多页面）切换速度快，用户体验好。

在事件处理函数形参,接收$event对象。解决原生事件对象event被覆盖的问题。3.当事件触发时 如果没有传递参数，默认第一个参数为事件对象。@事件名='事件处理函数'v-on:事件名='事件处理函数'如果设置了传递参数的话，默认使用传递的参数。1.v-on:给dom元素绑定监听事件。

语法格式: v-for='数组/下标 in data中的数据'v-for:遍历数据。

1.概念:需要的属性本身不存在,需要依赖data中的数据计算后产生一个新的值。b,对象-----获取值和设置值时时使用。a, 函数-----只在获取值时使用。

可以将data中的数据同步到view中,data中的数据改变,view中的数据也会改变;这个语法糖必须是固定的，也就是说属性必须为value，方法名必须为：input。view和model两者中的任意一方数据发生变化时,另一方都会改变。v-model本质就是value + input方法的语法糖。可以通过model属性的prop和event属性来进行自定义。原生的v-model，会根据标签的不同生成不同的事件和属性。但是view中的数据改变时,data中的数据不会改变。1.v-bind:单向数据绑定。

4.展示vue中的data数据到页面中----------在body中用{{message}}来接收。5.当data数据发生改变时,页面中的数据也会改变。3.app容器(在body里设置dom元素)2.创建vue实例化对象。一.vue的工作流程。