• 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插入分隔符

  • 相关阅读:
    ES6模块开发+单文件组件
    Vue路由学习
    Vuex学习
    Vue组件
    Vue事件处理
    Git下载前后端代码步骤
    小黑记事本
    简单计算器
    ubuntu的基础命令
    拓扑排序以及求解关键路径
  • 原文地址:https://www.cnblogs.com/rainheader/p/5866749.html
Copyright © 2020-2023  润新知