vue.js 学习第一天:v-if用法,@click切换以及过滤器使用和计算
input{ border: 1px solid # ddd;}
.vueList{
width: 400px;
margin: 20px 0;
}
.vueList li{
display: flex;
}
.vueList li span{
flex: 1;
display: block;
}
输入您的姓名:
欢迎点击
退出登录
您的姓名:
您的密码:
登录
var v = new Vue({
el : '# vueInstance',
data : {
name : 'bobobo',
loginStatus : false
},
methods : {
say : function(){
console.log("欢迎" + this.name)
},
switchLoginStatus : function(){
this.loginStatus = !this.loginStatus;
}
}
});
console.log(v.name)
1. 序号
价格
单位
总价:{{ sum }}
{{ index + 1 }}
{{ listCurrent.price }}
{{ listCurrent.num }}
总价:{{ msg | discount listCurrent.price listCurrent.num }}
var listCurrent = {
price:'', num:''
};
var list = [
{ price:100, num:4 },
{ price:110, num:14 },
{ price:102, num:24 },
{ price:140, num:34 },
{ price:105, num:44 }
];
var vm = new Vue({
el : '.vueList',
data : {
listCurrent : listCurrent,
list: list
},
computed : {
sum : function(){
var result = 0;
for (var i=0; i
关键字:vue.js, JavaScript, ice, 总价
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!