1、img: require('../assets/100x100.png')
2、img: 'static/100x100.png'
tabList: [
{
id: '事业',
img: 'static/100x100.png'
// img: require('../assets/100x100.png')
},
{
id: '资讯',
img: 'static/100x100.png'
},
{
id: '工具',
img: 'static/100x100.png'
},
{
id: '我的',
img: 'static/100x100.png'
}
]
<div>
<input placeholder="输入测试数据" v-model="text">
{{text}}
<button @click="chanågeMessage">修改文字</button>
</div>
watch: {
text: function(newV, oldV) {
console.log(newV);
}
},
data() {
return {
text: "内容"
}；
}
computed
<div>
单价：<input type="text" name='' v-model="price"> *
件数：<input type="text" name='' v-model="num"> *
折扣：<input type="text" name='' v-model="rate"> = {{sum}} （元）
</div>
// 计算属性
computed: {
sum(){
return this.price *this.num * this.rate
}
