Vue中添加代码的三种方式·标签和带有·采用组件化开发将应用拆分成多个组件便于复用和维护
Vue中添加代码的三种方式
一、在模板中添加HTML和指令
在Vue的模板里，你可以像搭积木一样用HTML标签和带有“v-”前缀的特殊属性（指令）来制作用户界面。比如：
- v-bind：动态绑定属性
- v-if：条件渲染
- v-for：列表渲染
- v-model：双向绑定
- @click：事件处理
看个例子：
| Vue模板 | 作用 |
|---|---|
<input v-model="inputValue" /><ul v-for="item in items" :key="item.id"><li>{{ item.name }}</ul><button @click="add">Add |
创建一个带有输入框、列表和按钮的界面，输入框和列表双向绑定，点击按钮添加列表项 |
二、在script标签中添加JavaScript代码
JavaScript代码主要在Vue组件的