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

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

相关推荐
风骏时光牛马2 小时前
用户管理模块接口开发
前端
彭亚川Allen3 小时前
从零手搓 RAG 之检索全流程,给大模型接上自己的知识库
前端·后端·ai编程
IT_陈寒3 小时前
别让Java字符串拼接偷偷吃掉你的内存
前端·人工智能·后端
软件技术NINI3 小时前
圣罗兰彩妆html+css 4页
前端·css·html
2601_951615204 小时前
网站模板 网站网页模板下载
前端·网络·html
酷炫码神4 小时前
Day 1|HTML5:一个商城首页的骨架,从 DOCTYPE 到语义化
前端·html·html5
AI源码5 小时前
鲜花商城(HTML 版)
前端·html
hiahiahia1235 小时前
Message 和对话
服务器·前端·数据库
雪芽蓝域zzs5 小时前
第 7 节:多边形点击弹窗 + 清空绘制按钮
vue.js
溪语流沙5 小时前
【Web全栈进阶】Composition API与组件通信:props深入、emit、插槽
前端·css·vue.js