
无需加好友免费技术支持
Vue.js 核心是容许应用简单模板语法申明3D渲染数据信息 DOM 的系统软件:
{{ msg }} 怎么会变为? msg 的值?vue 应用基本上 html 容许开发人员申明模板语法DOM 关联至最底层 vue 全部案例数据信息 vue 模板合理合法 html,因而,能够遵照标准的浏览器和电脑浏览器 html 分析分析。
2.1、mustache语法
mustache 胡须/胡子翻译中文。 {{ msg }} 两侧都是有对称性的中括号,如同人胡子一样,因此称为 mustache 语法。
特性:不但能直接写出自变量,还能够加上简单关系式。
2.2、v-once
在以上数据信息关联中,网页页面表明 msg 假如在浏览器调节中改动值, msg 网页页面将马上升级,全新值将持续保持为网页页面内容。
键入下列内容观查开发者模式:
vue 适用动态性3D渲染文本,在改动属性的与此同时动画渲染文本。为了提高3D渲染高效率,仅有在第一次3D渲染文本后,之后的属性改动才不会危害文本内容。
这时就必须应用 v-once 解决困难。
特性:该命令后边不用一切关系式,表明原素或部件只3D渲染一次,不容易随数据信息的变化而更改文本。
2.3、v-html
在一些特殊情况下,网页页面必须动态性插进一段 html 编码,如在线编辑器,动态输入是一段html 应用编码时,我们应该初始导出,如:
立即这样写并无法满足他们的规定,我们应该展现百度首页与网页链接,这时 v-html 出场。
给要素加上 v-html 命令完成后,原素将表明为百度首页文本与网页链接。
v-html 特性:能够分析字段名里的标识,并把内容视作 html 标识来解决。
2.4、v-text
特性:与 mustache 语法相近,用以展现文本的。应用并没有 mustache 灵便,应用少。
注意点:新内容 当标识中加入新内容时,初始内容将被加上到标识中 msg 内容遮盖。
2.5、v-pre
v-pre 与 html 里的 pre 标识有一些类似,html 里的 pre 将原状键入空格符、自动换行、缩近和文本内容。v-pre 都是原导出内容,不容易分析。
2.6、v-cloak
cloak 翻译中文,是披风斗篷。 v-cloak这是用于做什么的?
html当网页页面运行中,它会浮现 {{ msg }} ,如下图:
v-locak 用于摆脱困境。
特性:在 vue 在分析以前,有原素 v-cloak 属性,vue 分析后,并没有原素 v-cloak 属性。
运用 v-cloak 大家在 css 中加上
这时再度运作网页页面时,分析前会掩藏,分析之后表明内容,不会再浮现 {{msg}}。