Vue的应用方法，实例属性，实例方法

Vue的应用方法

mount:将构建的应用实例关联对应的页面容器,也被叫做挂载方法

vue3

vue的一个应用程序开发时只能被挂载一次,不能反复挂载操作,所以unmount卸载就不能再 挂载回去

unmount:卸载应用实例的根组件,页面容器也会被卸载

vue2

是以new vue的方式完成对应容器的

el挂载实例

以$ mount挂载,手动化的vue实例和页面容器挂载,也是只能挂载一次

$distroy 卸载应用实例,移除的是Vue实例与容器,但会保留页面容器,此时容器不在具有响应式

app.version 直接输出

app.config 扩充与定义,本身就带有参数,会给出对应提示,有三个参数(err(错误提示),instance(报错),info(报错函数) )

errorHandler:修改程序运行报错时的执行方法

warnHandler:修改程序运行警告是的执行方法

总结 errorHandler和 warnHandler可以在项目开发完成后,对真个vue的程序错误进行兜底

app.config .performance 控制调至工具的性能记录是否开启 返回值是true或false

可以在控制台看到各种方法等等执行的时间线,默认值是true

app.config .globalProperties 全局化统一应用方法定义属性,实现为当前应用实例提供全局化的功能,比如时间或者格式等全局化定义方法

举例说明:

电话是需要加密处理,name全局的号码都要进行相对应的处理,还不能换改变原值,但是页面展示有加密处理

首先复习一下正则,这里不详细讲解,给大家看个例子

这样我们就可以实现号码加密,但是是实际中不能每个号码加上,代码冗长

我们在vue中就可以定义一个方法,然后再号码的标签中调用方法

但是这种方法在vue中不能全局使用,只能单页面使用,最好能实现全局,这里就要用到 app.config .globalProperties ,详细代码实现如下:

vue的内置实例方法

前三个用法简单这里不详细讲解,主要讲解以下实例方法

$refs返回一个对象,定义ref属性的所有DOM元素,或者其他Vue实例,解决组件之间复用冲突问题或查询重复问题,他的返回值也会被当成特殊变量而存储起来

vm.$nextTick 等同于 nextTick ,将执行函数体延迟到页面DOM更新完成后执行

vue程序中完成数据仓库的数据写入到页面对应标签的重新渲染完成时需要执行代码的时间

vue在设计DOM重新渲染时,为了保证页面不受渲染影响,采用了异步渲染的方案

vue3中 nextTick有返回值,会返回一个promise对象,当监听到DOM更新完成后会更新为fufirte

关于 nextTick的两个问题解答

1.nextTick的作用是什么:将执行函数体延迟到页面DOM更新完成后执行

2.对什么延迟?

nextTick方法上最近的响应式变量被修改后的,对应DOM 更新

vm.forceUPdata() 迫使Vue实例重新渲染 注意他仅仅影响实例本身和插入插槽内容的子组件 而不是多有的子组件

vue2,使迫使页面强行渲染