zoukankan      html  css  js  c++  java
  • 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插入分隔符

  • 相关阅读:
    创建线程方法
    List 接口
    implements 的用法
    import和export 的使用方法
    js 实现 a == 'juejin' && a == 666 && a == 888
    position的属性运用
    css calc()函数 长度运算
    .net5一分钟入门
    css 如何让大小不同的图片表现一致,同时自适应呢?
    sqlserver isnull(),Count(),sum(),month(getdate()) 的用法
  • 原文地址:https://www.cnblogs.com/rainheader/p/5866749.html
Copyright © 2011-2022 走看看