• vue.js数据绑定


        语法

            插值
                 双大括号:{{text}} {{*text}}之渲染第一次 {{{html}}}
            表达式(各种数值,变量,运算符的综合体)
                 {{value/除数}}
                 {{三目表达式}}
                 {{value.split(",")}}
             指令
                 V-前缀的特殊特征,绑定表达式,也就是js表达式和过滤器,当表达式发生的值发生变化时将这个变化反映到DOM上
                 写第一个内置指令
                     <div id="vuev">
                         <div v-if="show">fdfdfd</div>
                     </div>

                     new Vue({

                              el: "vuev",
                              data: {
                                           show: true
                              }
                      })
                 另一种指令:在指令和表达式之间插入一个参数,用冒号分割
                       例子:
                              <div id="vuev">
                                           <a v-bind:href="url"></a>
                              </div>
                              new Vue({

                                           el: "vuev",
                                           data: {
                                                        url: 'baidu.com'
                                           }
                              })
        分隔符
                   vue的数据绑定的语法可配的,可以改变风格
                   可以在Vue.config中配置语法,它包含了vue的所有全局配置,可实例化之前配置属性

                   源码目录是
                   let delimiters = ['{{', '}}'];
                   let unsafeDelimiters = ['{{{', '}}}'];

                   delimiters 修改文本插入分隔符
                   unsafeDelimiters 修改html插入分隔符

  • 相关阅读:
    Qt音视频开发24-ffmpeg音视频同步
    Qt编写的项目作品34-雷达模拟仿真工具(雨田哥作品)
    Qt编写的项目作品33-斗图神器(雨田哥作品)
    Qt编写的项目作品32-定制化安装包工具(雨田哥作品)
    Qt编写的项目作品31-PDF阅读器(雨田哥作品)
    Caused by: com.rabbitmq.client.ShutdownSignalException: channel error; protocol method: ......
    com.alibaba.fastjson.JSONException: syntax error, pos 1
    chrome技巧
    pip强制重装
    javascript添加url querystring
  • 原文地址:https://www.cnblogs.com/rainheader/p/5866749.html
Copyright © 2020-2023  润新知