vue为渐进式框架:vmmv
1.易用
有html、css、javascript基础,即可学习vue框架
2.高效、开发前端页面 非常高效
1.vue的体积小、压缩完只需要20k的大小
2.超快的虚拟dom操作js中非常多的dom操作,vue设计虚拟dom非常快
3.设计时vue底层深度优化
3.灵活、开发灵活、多样性
vue的入门开发 :
1.下载vue.js并引用
vue对象的基础认识:
vue语法极其严格:
空格、标点符号、语法不正确、极小的语法错误都会导致viem视图无法显示
{{msg}} //vue中mvvm的数据形参写法
const app = new Vue({
el:"#app", //element 用来给Vue实例定义一个作用范围,可操作id为app标签内的内容
data:{ //用来给Vue实例定义一些相关数据
msg:"百知欢迎你,期待你的加入!",
username:"hello Vue!",
pwd :"12345"}
});
vue中各对象获取参数的写法:
//对象数据
{{user.id}}--{{user.name}}--{{user.age}}--{{user.sex}}--{{user.salary}}
//数组数据
{{hobbies[0]}}--{{hobbies[1]}}--{{hobbies[2]}}--{{hobbies[3]}}--{{hobbies[4]}}
//集合对象
{{users[0].id}}--{{users[0].name}}--{{users[0].age}}--
{{users[0].sex}}-- {{users[0].salary}}
{{users[1].id}}--{{users[1].name}}--{{users[1].age}}--
{{users[1].sex}}-- {{users[1].salary}}
{{users[2].id}}--{{users[2].name}}--{{users[2].age}}--
{{users[2].sex}}-- {{users[2].salary}}