mustache插值绑定

缺乏、安全感 2022-12-22 06:19 105阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Mustache</title>
        <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
    </head>
    
    <body>
        
        <div id="test">
            <h1 style="text-align: center;">利用mustache插值绑定</h1>
            <h2>变量 {
       {leechoy}}</h2>
            <h2>表达式{
       { data +10 }}</h2>
            <h2>三目运算符{
       {true ? 10 :15 }}</h2>
            <h2>函数{
       {getsum()}}</h2>
            <h2>计算属性{
       {sum}}</h2>
            <h2>html代码(表达式) {
       {' <span>html</span>'}}</h2>
            <h2>html代码(变量){
       {html}}</h2>
        </div>
    
    </body>
    <script> let app = new Vue({ el: '#test', data() { return { leechoy: 'hello word!', data: 12, html: '<h2>html</h2>' } }, // methods 记得加s methods: { getsum() { return (this.data); } }, computed: { sum() { return (this.data); } } }) </script>
    
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzY3OTQ1_size_16_color_FFFFFF_t_70_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzY3OTQ1_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/aa071f3e98c54ff699fc9943b4121cbb.png

发表评论取消回复

表情：

评论列表（有 0 条评论，105人围观）

还没有评论，来说两句吧...

相关阅读

相关 Maven插件自定义绑定

除了内置绑定以外，用户还能够自己选择将某个插件目标绑定到生命周期的某个阶段上，这种自定义绑定方式能让Maven项目在构建过程中执行更多更富特色的任务。一个常见的例子是创建项

桃扇骨/ 2023年03月14日 10:53/ 0 赞/ 79 阅读

相关 Day6——插值操作——mustache语法

文章目录一. 回顾二. mustache语法一. 回顾前面学习了[Day5——代码缩进规范以及webstorm自定义template快捷键][

红太狼/ 2023年02月27日 10:40/ 0 赞/ 2 阅读

相关 mustache插值绑定

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

缺乏、安全感/ 2022年12月22日 06:19/ 0 赞/ 106 阅读

相关 Mustache和jq处理form表单的提交与绑定

接着上一篇：[http://blog.csdn.net/joyhen/article/details/48623807][http_blog.csdn.net_joyhen_a

冷不防/ 2022年08月08日 16:54/ 0 赞/ 199 阅读

相关 POJO 对象绑定请求参数值

Spring MVC 会按请求参数名和 POJO 属性名进行自动匹配,自动为该对象填充属性值。支持级联属性。 ex: 添加如下的表单: form action="

今天药忘吃喽~/ 2022年06月17日 14:08/ 0 赞/ 206 阅读

相关 vue 获取绑定值

<ul class="product-time clearfix pull-right" style="margin-right: 10px;"> <l

一时失言乱红尘/ 2022年05月26日 08:25/ 0 赞/ 206 阅读

相关 Vue-值绑定

vue 值绑定（1）:v-bind用于绑定属性和数据其缩写为“ : ” 也就是v-bind:id === :id （2）v-model用在表单控件上的，用于实

喜欢ヅ旅行/ 2022年05月17日 03:41/ 0 赞/ 223 阅读

相关 Vue绑定属性绑定Class 绑定style

vue是如何绑定属性和class以及style的下面我将会插入一段代码，本人在代码里做了相当详细的注释。 <template> <!-- v

待我称王封你为后i/ 2022年03月25日 09:36/ 0 赞/ 519 阅读

相关绑定ajax 分页插件

1.[http://www.lovewebgames.com/jsmodule/paging.html\page=2][http_www.lovewebgames.com_js

我不是女神ヾ/ 2021年11月09日 20:34/ 0 赞/ 310 阅读

相关 Vue值绑定

值绑定概述复选框单选按钮选择框的选项概述对于单选按钮，复选框及选择框的选项，`v-model` 绑定的值通常是静态字符串

深藏阁楼爱情的钟/ 2021年10月20日 01:12/ 0 赞/ 356 阅读