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
未完待续......**