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

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

相关推荐
几何心凉1 小时前
ToDesk/向日葵/UU远程,谁才是真正的“口袋里的办公室”
前端
亿元程序员1 小时前
一个人,4个岗位,20天:我用Cursor+Codex上线了一款微信小游戏
前端
LabVIEW开发1 小时前
将自定义 DLL 与 INI 文件部署到 LabVIEW 实时目标
前端·labview·labview知识·labview功能·labview程序
IT_陈寒1 小时前
Redis Pipeline用错竟比不用还慢,这个坑我帮你踩过了
前端·人工智能·后端
大模型码小白2 小时前
数据可视化:AI处理多维数据的HTML5可视化方案
大数据·前端·javascript·人工智能·机器学习·信息可视化·html5
LabVIEW开发2 小时前
LabVIEW 前面板装饰图形的格式选择与自定义选板添加
前端·labview·labview知识·labview功能·labview程序
掘金者阿豪2 小时前
GPT-6 Astra 来了,GPT-5.6 Sol 还值得用吗?聊聊 Coding、百万上下文、价格和 Plus/Pro
前端·后端
code 小楊2 小时前
腾讯开源 WeKnora 深度解析:RAG 问答 + ReAct Agent 推理 + 自动 Wiki 图谱,三位一体的企业级知识中台
前端·人工智能·开源·知识图谱
roamingcode2 小时前
让 AI 的回答「逐段说话」:react-streaming 的顺序流式渲染实践
前端·人工智能·react.js·codex