vue.js学习
这是我自己边学习边总结,写的不好,就是想记录一下😊
一,安装
1.可以引入一个vue的js文件
<script src="js/vue.js"></script>
2.开发环境版本,包含了有帮助的命令行警告
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
3.生产环境版本,优化了尺寸和速度
<script src=""https://cdn.jsdelivr.net/npm/vue"></script>
二,创建第一个vue应用
<body>
<div id="app">
{{message}}
</div>
<script>
var vm =new Vue({
el:'#app',
data:{
message:'hello vue'
}
})
</script>
</body>
hello vue
三,v-bind属性
四,条件循环
循环对象
结果:
苹果
香蕉
橘子
西瓜
索引:0 每一项:苹果
索引:1 每一项:香蕉
索引:2 每一项:橘子
索引:3 每一项:西瓜