首页 > 其他分享 >p7-p9

p7-p9

时间:2023-07-29 22:12:25浏览次数:23  
标签:绑定 p7 url p9 value vue model data

1.标签体和文本内容用插值语法,标签用指令语法,v-model 只能用于表单类元素,

2.插值语法的写法:(xxx1,xxx是js表达式,且可以直接读取到data中的所有属性。

指令语法:用于解析标签(包括:标签属性、标签体内容、绑定事件.....)。举例:v-bind:href="xxx"或 简写为:href="xxx",xxx同样要写js表达式,

且可以直接读取到data中的所有属性。

3.v-bind:href="url” 用于绑定网址,此时引号里面的url是被看作为js表达式来执行,  引号里面换成 url.toUpperCase() 此时网址会大写。

容器写"school.url.toUpperCase()" >点我去{{school.name}}学习   实例写school:{ name:'B站',                url:'http://bilibili.com'} 4.单向绑定(v-bind):数据只能从data流向页面。

双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流问data.

5.双向绑定一般都应用在表单类元素上(如:input、select等)

v-bind:value 可以简写为:value

v-model:value 可以简写为 v-model,因为v-model默认收集的就是value值。

document.querySelector().value  可以获取某一元素的value值。

6.const x = new Vue     console.log(x) 可以在浏览器控制台看到vue实例对象。

console.log(x)  x.$mount('#root')是el:'#root',的另一种写法。 data:function(){   console.log('@@@',this)// 此时的this是vue实例  return{     name:World   } }是data的另一种写法,常和组件一起用,也经常用于框架类。 由vue所管理的函数,一定不能用箭头函数,否则就不再是vue实例了。  

标签:绑定,p7,url,p9,value,vue,model,data
From: https://www.cnblogs.com/zpd0214/p/17590646.html

相关文章

  • P9387 [THUPC 2023 决赛] 巧克力 题解
    这篇题解会只讲怎么dp,所以我们这里跳过博弈论的部分。Let'srephrasetheproblemstatementasfollows:给定\(n,m\),设\(x=1\oplus2\oplus\cdots\oplusn\oplusm\)。求有多少个有序三元组\((a,b,c)\)满足:\(a+b+c\len\)或\(a+b+c=m\)(如果都满足需要算两遍)。\((a+b......
  • 洛谷 P9479 - [NOI2023] 桂花树
    显然,条件一等价于在\(T'\)中,\(1\simn\)组成的虚树等于它本身。条件二等价于\(1\simi\)组成的虚树上点的标号不超过\(i+k\)。我们考虑在原树的基础上依次添加\(n+1\simn+m\)这\(m\)个点。添加一个点\(i\)时,它与原树的位置关系可能有以下几种:挂在原树上某......
  • P9459 浴眼盯真 题解
    由于我不会使用正则表达式,所以我只能使用基础Python语法QwQ。[input().split()for_inrange(int(input()))]是个列表生成器,效果是产生一个长度为\(T\)的列表,列表的元素是以每一行以空格为分割符的字符串列表。for(a,b,c,d)in[]可以用\(a,b,c,d\)来复制列表中每个元素......
  • P9451 [ZSHOI-R1] 新概念报数 题解
    满足\(\operatorname{popcount}(x)<3\)的数实际上很少,直接把所有这些数扔到set里面,询问就返回set中\(x\)的下一个元素即可。记得开longlong。set内的元素数量是\(\log^2w\),所以复杂度是\(\mathcalO(\log^2w\log\log^2w+T\log\log^2w)=\mathcalO(\log^2w\log\logw......
  • PPT| IT售前工程师修炼之道P79
    PPT共79页,由于篇幅有限,以下为部分资料,需要PPT资料的朋友可以关注我,私信我。......
  • P9017 [USACO23JAN] Lights Off G 题解
    Description给定正整数\(N\),和两个长为\(N\)的\(01\)序列\(a\)和\(b\)。定义一次操作为:将\(b\)序列中的一个值翻转(即\(0\)变成\(1\),\(1\)变成\(0\),下同)。对于\(b\)序列中每个值为\(1\)的位置,将\(a\)序列中对应位置的值翻转。将\(b\)序列向右循环移位......
  • Java面试题 P9:hashCode与equals区别
    equals:1、用于定义对比两个对象的对比规则,来判断这两个对象什么时候是相等的,什么时候是不相等的2、默认使用object的equals,实际上就是==号,对比的是对象在栈中的引用的地址,如果是基本类型变量的话对比的是栈中的值,对比的是引用地址。hashCode:1、 ......
  • Java面试题 P9:List和Set的区别
    List:有序,按对象进入的顺序保存对象,可重复,允许多个Null元素对象,可以使用Iterator取出所有元素,在逐一遍历,还可以使用get(intindex)下标方式,获取指定下标的元素值Set:无序,不可重复,最多允许有一个Null元素对象,取元素时只能用lterator接口取得所有元素,在逐一遍历各个元素  ......
  • Java面试题 P7:重载和重写的区别
    重载:发生在同一个类中,方法名必须相同,参数类型不同,参数个数不同,参数顺序不同,方法返回值和修饰符可以不同。1publicintadd(inta,Stringb)2publicStringadd(inta,Stringb)3//编译时会报错4重载与返回值无关。重写:发生在父子类中,方法名、参数列表必须相同,返回值范围......
  • luogu P9474 [yLOI2022] 长安幻世绘 详细题解
    原题:P9474[yLOI2022]长安幻世绘看到很多大佬的题解直接讲了做法,本蒟蒻看得不是很懂,调了很久才把这题做出来,于是写了这篇比较详细的题解谈一下我做这题从头到尾的思路,希望对各位有帮助qwq。思路我们首先思考这样一个问题,如果已经知道最终答案对应的最大值和最小值,又不知道题......