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 天前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰2 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万2 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝2 天前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
A黄俊辉A2 天前
uniapp webview中实现 app和内嵌的H5双向通信
vue.js·json
三十而立洋2 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁2 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
honkun62 天前
vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询
vue.js·vxe-table
kybs19912 天前
全球灾害数据分析可视化 毕业设计-附源码66794
vue.js·spring boot·mysql·安全·django·c#·asp.net
汉堡大王95272 天前
Jev:不是聊天机器人, 而是一个智能 if 语句
前端·人工智能·后端