博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue.js数据绑定
阅读量:5286 次
发布时间:2019-06-14

本文共 671 字,大约阅读时间需要 2 分钟。

    语法

        插值

             双大括号:{
{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插入分隔符

转载于:https://www.cnblogs.com/rainheader/p/5866749.html

你可能感兴趣的文章
spring缓存
查看>>
android-async-http AsyncHttpClient介绍
查看>>
微信云控开发SDK使用教程--手机端推送好友列表通知服务端
查看>>
高并发情况下分布式全局ID
查看>>
SpringMVC过程中@RequestBody接收Json的问题 总是报415
查看>>
去掉jsessionid
查看>>
《Dot Net Book Zero》学习笔记之第四章关键知识点
查看>>
将客户端信息记录到服务器的简便方法
查看>>
[SoapUI] context.expand 和 groovyUtils.getXmlHolder 有什么不一样
查看>>
[07] ServletContext上下文对象
查看>>
IOS- 1970ms时间计算
查看>>
图像处理和计算机视觉中的经典论文
查看>>
C# 基础回顾
查看>>
当类型为dynamic的视图模型遭遇匿名对象【转】
查看>>
C#实现通过Gzip来对数据进行压缩和解压
查看>>
使用Microsoft的IoC框架:Unity来对.NET应用进行解耦
查看>>
浅拷贝和深拷贝
查看>>
桶排序
查看>>
Jenkins参数化构建(二)之 Maven command line使用Jenkins参数
查看>>
JSLint在idea编译器中报错
查看>>