vue初学day01
vue是什么
Vue是一个前端js框架,由尤雨溪开发,是个人项目 目前由饿了么ude团队进行维护
这是它的[官网]https://cn.vuejs.org/
有一点需要注意的是,不兼容ie8及以下的浏览器
vue是渐进式JavaScript框架 用到什么功能,只需要引入什么功能模块 spa单页应用 v-router
vue的主张较弱
“渐进式框架”和“自底向上增量开发的设计”是Vue开发的两个概念Vue可以在任意其他类型的项目中使用,使用成本较低,更灵活,主张较弱,在Vue的项目中也可以轻松融汇其他的技术来开发,并且因为Vue的生态系统特别庞大,可以找到基本所有类型的工具在vue项目中使用
特点:易用(使用成本低),灵活(生态系统完善,适用于任何规模的项目),高效(体积小,优化好,性能好)
Vue是一个MVVM的js框架,但是,Vue 的核心库只关注视图层,开发者关注的只是m-v的映射关系
那vue是如何创建或使用的呢
1.创建,vue实例中的数据是放在data里的,
new Vue({
el: "#app", //通过id或者class绑定到dom结构上
data:{
//数据存储
msg: "hello",//字符串
num: 1,//number
bool: true,//boolean
nulls: null,
udf: undefined,
arr: [1,2,3],//数组
objects: {
name:"12",age:15}//对象
}
})
2.那如何将数据展示在页面上
<div id="app">
<p>{
{
msg}}</p>
<p>{
{
num}}</p>
<p>{