上海网站建设中小型企业,马关住房和城乡建设局网站,大港手机网站建设,wordpress可以做淘宝客吗{{ }} 语法#xff1a;将数据作为普通文本输出#xff0c;不会覆盖原有的内容。
v-text 指令#xff1a;将数据作为普通文本输出#xff0c;会覆盖原有的内容。
v-html 指令#xff1a;将数据作为 HTML 标签解析后输出#xff0c;会覆盖原有的内容。
注#xff1a;一…{{ }} 语法将数据作为普通文本输出不会覆盖原有的内容。
v-text 指令将数据作为普通文本输出会覆盖原有的内容。
v-html 指令将数据作为 HTML 标签解析后输出会覆盖原有的内容。
注一定要在可信的内容上使用 v-html永远不要在用户提交的内容上使用避免坏人利用动态渲染获取用户的 cookie 进行 XSS 攻击。 语法格式
div{{ 数据 }}/divdiv v-text数据/divdiv v-html数据/div渲染普通文本
templateh3 v-pre使用 {{ }} 语法渲染/h3p{{ data }}/phr /h3使用 v-text 语法渲染/h3p v-textdata/phr /h3使用 v-html 语法渲染/h3p v-htmldata/phr /
/templatescript setup
import { ref } from vue;
let data ref(你好呀);
/script注v-text 和 v-html 必须在空标签中使用不允许有其它内容否则就会报错。
渲染富文本
templateh3 v-pre使用 {{ }} 语法渲染/h3p{{ data }}/phr /h3使用 v-text 语法渲染/h3p v-textdata/phr /h3使用 v-html 语法渲染/h3p v-htmldata/phr /
/templatescript setup
import { ref } from vue;
let data ref(b我是b标签/b);
/script注只有 v-html 可以将数据中的 HTML 标签解析渲染到页面中。
渲染 JS 表达式
templateh3 v-pre使用 {{ }} 语法渲染/h3p{{ data * 10 }}/phr /h3使用 v-text 语法渲染/h3p v-textdata * 10/phr /h3使用 v-html 语法渲染/h3p v-htmldata * 10/phr /button clickdata点击加一/button
/templatescript setup
import { ref } from vue;
let data ref(1);
/script注可以编写任意的 JS 表达式并且数据改变后页面就会自动更新。 原创作者吴小糖
创建时间2023.12.1
