vue2的API大白话讲解

API是什么呢,全称Application Programming Interface‌,应用程序接口,是为了解决重复造轮子低效率的问题产生,你可以通过接口调用别人写好的函数,就不用自己来写了。

全局配置

debug

单词含义:发现定位bug

代码:

复制代码
Vue.config.debug = true

这个属性是让你做选择的,要不要去发现定位bug。所以类型是逻辑值真假(术语:Boolean布尔型)。

默认不要。你要是要,它会这样:

①告诉你程序出错了,以及哪里出错了。一步步给你定位出来。(堆栈追踪)

②显示出vue渲染出来的虚拟dom与真实页面元素的对应关系,让你看看这个页面结构对不对。(显示dom的锚节点注释)

delimiters

单词含义:定界符(标记一段文本从开始到结束的符号),比如"Hello world"的双引号就是定界符。vue里的这个delimiters,是指代码里要插入的需要解析的动态内容的标记符号,默认是 {{、}}

这个属性的类型是一个数组,一个用于存放字符串的的数租。(术语:Array,泛型数组类型)

代码:(默认值' {{ ','}}' )

复制代码
// 修改成${与}
Vue.config.delimiters = ['${', '}']

unsafeDelimiters

单词含义:不安全的界定符。

这个属性其实是对vue1里面的修正的。是这样的,如果你有个message的内容是你好呀,vue1的{{message}}显示出来就是:你好呀,而不是加粗的文本:你好呀 。即vue1界定符把里面的数据均当成文本处理。但其实你想让它解析出来,所以就有了这个属性。默认的界定符{{{与}}},{{{message}}}显示出来就是你好呀。总结一下,这个属性就是告诉vue,三括号里面包含的是HTML片段,可别做任何转义处理,直接给我渲染出来啊。********
**不安全是因为什么呢,万一这个message是用户输的数据,万一他再懂点HTML,就可以输点脚本扰乱页面啊,这就是著名的xss(跨站脚本攻击)。
代码:(默认值' {{{ ','}}}' )
// 默认的三括号显示不出危险,用感叹号总能显示出来了吧
Vue.config.unsafeDelimiters = ['{!!', '!!}']

silent

未完待续......**

相关推荐
Csvn4 小时前
WASM
前端
修己xj5 小时前
我用 AI 给自己写了一个 Markdown 编辑器,然后把它开源了
前端
FRing035 小时前
vue2干货总结2(v-bind、v-for、v-model、指令修饰符、v-bind操作class和style)
开发语言·前端·vue.js·vue2
幸运小猿6 小时前
模拟慢上传-处理超时重试image 丢失线上问题
前端·javascript·html
锋行天下7 小时前
Langgraph-cli 本地构建失败,改用服务器docker构建的流程
人工智能·前端框架·全栈
moshuying7 小时前
网购能买Token了!
前端
h_65432107 小时前
echarts实现柱状图加一条横线
前端·echarts
风骏时光牛马8 小时前
生成一个后端标题,只需要一个标题,不需要其他的任何文本。
前端
子非鱼@Itfuture8 小时前
关于前后端联调中登录状态/登录信息失效?
java·前端
郭小李8 小时前
openFeign入门
java·开发语言·前端