abstract：侦听器/观察者/监听器</t </blockquote> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>侦听器/观察者/监听器 用户名:
{{length}}
{{message}}
{{message1}}
双向绑定:{{username}}
总结如下
使用Vue 先要new一个Vue对象
new Vue({ el:'#contents', //el 绑定挂载点,值为选择器,实测class 自定义属性也可以 data:{ //数据对象,就是Model,里面是数据 message1:'Vuej.js开发基础', message2:'php中文网加油!
', info:'html+css', isShow : false, warning:'color:red', }, methods:{ //事件绑定: @事件名称 = "方法名" changeColor:function () { //事件绑定的方法 this.danger="color:green"; } }, })挂载点el: "选择器"
变量: {{变量名}}插值 或者v-text(不解析html) v-html(解析html)
data:{} 就是model层 ,数据模型
methods:{method:function(){....}}事件绑定 @事件名="method方法名"
input有一个特点:既可以显示内容，也可以输入内容/更新内容
双向绑定:用页面中变量内容内容来更新数据模型model中的数据
v-model="变量名"
{{info}}
watch:{
变量名:function(){
....... //执行方法 this指向data数据
}
} 监听页面中变量值的变化
Correcting teacher：韦小宝Correction time：2018-11-12 15:47:20
Teacher's summary：代码很完整！！总结的也很不错！继续保持哦！！加油！！！
