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