VueJS总结

原创
小哥 3年前 (2022-10-27) 阅读数 153 #Vue
文章标签 vuevue教程

1.v-for 循环中 属性拼接字符串

     /forum/list/?id=用于拼接的线

2.

{ {resourceStateMap["2"]}}    //展示出是 对对对
  1. v-model ,这种语法SUGER支持在两个步骤中反向传输数据。

{ {my\_data}}

var myVue = new Vue({
el:#firstVue,
data:{
my_data: "test",
my_hidden: "hidden"
},
methods:{
clickButton:function(){
this.my_data = "Wow! Im changed!"
}
}
})

当我们在 <input> 当在输入框中输入值时,v-model最新的价值是实时的。(value)赋值给vue实例的 my_data 变量,而 my_data 变量将在#年实时显示 <p> 标签中;

  1. v-model.number后面的这一个.number这意味着在回报中。my_data值将自动转换integer类型,因为缺省值是string类型

5.

{ {details()}}

var vm = new Vue({
el: #vue_det,
methods: {
details: function() {
return  this.site + " - 学习不仅是技术,更是梦想!";
}
}
})

6.使用 v-html 指令用于输出 html 代码

7.

myname不能大写,资本匹配

版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除

热门