p7-p9

发布时间 2023-07-29 22:10:13作者: ,亦久亦旧/Ao

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实例了。