vue元素动态设置/绑定id。v-bind/on/model小结
官方文档: https://cn.vuejs.org/v2/api/#v-bind
这里用到的是v-bind知识，用于绑定数据、特性
1.给id动态绑定一个函数，和绑定数据无异，因为函数return了数值回来
2.函数
step:function(i){
return "step" +i
},
3.效果：即搬即用
文章图片
一、v-on是一种监听，比如监听点击然后触发函数，监听右键点击、键盘等 通过修饰符达到多元化 二、 v-bind是一个特性的绑定，比如说你想该div的style是动态的
属性绑定
在data中有变量classStr，通过它来达到动态
三、v-model，大家都用过。这是双向绑定，通常在input、选择器、多行文本中使用 【vue元素动态设置/绑定id。v-bind/on/model小结】
0.1元，若文章对你有帮助，仅此谢谢各位未来的大佬
文章图片
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- VueX--VUE核心插件
- 动态组件与v-once指令
- vue组件中为何data必须是一个函数（）
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)