v-for="num in 10">{{num}}
v-for="str in 'abcdefg'">{{str}}
v-for="str in ['a','b','c']">{{str}}
v-for="item in arr">{{item}}
src="http://www.kingceram.com/post/js/vue.js">>new Vue({el: '#app',data: {age: null,arr:['java','c++','php'],user:{username: 'admin',mobile: '18888'},userList:[{username: 'admin',mobile: '18888'}, {username: 'super',mobile: '18888'}]}})v-for="str in 'abcdefg'">{{str}}
v-for="str in ['a','b','c']">{{str}}
v-for="item in arr">{{item}}
- {{item}}
- {{item}}
- {{item}}
用户名：{{user.username}}手机：{{user.mobile}}
- {{item}}
索引
在v-for块中，我们可以访问所有父作用域的属性 。v-for还支持一个可选的第二个参数，即当前项的索引
Hello Vue{{msg}}--{{index}} --{{item}}src="http://www.kingceram.com/post/js/vue.js">>new Vue({el: '#app',data: {msg:'课程',age: null,arr: ['java', 'c++', 'php']}})v-for遍历对象
Hello Vue{{index}}:{{name}}:{{value}}src="http://www.kingceram.com/post/js/vue.js">>new Vue({el: '#app',data: {msg: '课程',age: null,user: {username: 'admin',mobile: '18888'},arr: ['java', 'c++', 'php']}})v-model
在Vue中，v-model是一个指令，用于实现双向数据绑定，它可以将表单元素的值与Vue实例中的数据属性进行绑定 。当表单元素的值发生变化时，Vue实例中的数据属性也会相应地更新，反之亦然 。v-model指令可以用在各种表单元素上，如input、、等 。例如，v-model=""可以将一个input元素的value值与Vue实例中的属性进行双向绑定 。
你可以用 v-model 指令在表单、 及 元素上创建双向数据绑定 。它会根据控件类型自动选取正确的方法来更新元素 。尽管有些神奇，但 v-model 本质上不过是语法糖 。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理 。
v-model 会忽略所有表单元素的 value、、的初始值而总是将 Vue 实例的数据作为数据来源 。你应该通过在组件的 data 选项中声明初始值 。
解读：表单实例上的值就不管了，所以正确使用vue的姿势是所有的数据来源于model中的data，而不是表单上手动设置值
v-model 在内部为不同的输入元素使用不同的并抛出不同的事件：
Hello Vue {{user.intro}}{{user.username}}
{{user.intro}}src="http://www.kingceram.com/post/js/vue.js">>new Vue({el: '#app',data: {user:{username: 'admin',intro: '我是jack'}}})v-model复选框
Hello Vue
- Vue+Element Plus 初始化
- Vue2 新手上路无处不在的特殊符号，让人傻傻分不清 “:”、“
- Vue的学习笔记二：万里长征第一步~Vue调试工具安装
- 谷歌浏览器安装vue调试工具vue-devtools最全
- vue html2canvas截屏报Failed to execute ‘toD
- Web前端学习笔记——VueJS-APP案例
- lerna+rollup搭建vue组件库并发布到npm
- vite打包vue组件库
- MapVue，一个基于mapbox gl的开源vue组件库
- node命令交互inquirer