addNumber() {
const num = +this.newNumber;
if (typeof num === 'number' && !isNaN(num)) {
this.numbers.push(num);
}
}
},
data() {
return {
newNumber: null,
numbers: [1, 23, 52, 46]
};
}
}
</script>
<style lang="scss">
ul {
padding: 0;
li {
list-style-type: none;
color: blue;
}
}
</style>
我也爱好 Vue 供给的简短绑定语法,:
用于在模板中绑定命据变量,@
用于绑定事宜。这是一个细节,但写起来很爽并且可以或许让你的组件代码简洁。
2、 单文件组件
大年夜多半人应用 Vue,都应用“单文件组件”。本质上就是一个 .vue 文件对应一个组件,个中包含三部分(CSS、HTML和JavaScript)。
这种技巧结合是对的。它让人很轻易在一个零丁的处所懂得每个组件,同时也异常好的鼓励了大年夜家保持每个组件代码的简短。如不雅你的组件中 JavaScript、CSS 和 HTML 代码占了很多行,那么就到了进一步模块化的时刻了。
推荐阅读
沙龙晃荡 | 3月31日 京东、微博、华为拭魅战专家与你合营商量容器技巧实践! 当我们在评论辩论主动驾驶离我们到底还有多远的时刻,主动驾驶客运巴士——阿尔法巴(Alphabus)智>>>详细阅读
本文标题:带你了解我喜欢Vue的10个方面
地址:http://www.17bianji.com/lsqh/40797.html
1/2 1