vue的作用
渐进式的前端框架(里面的框架按需获取)
vue特点
1.解耦视图和数据
2.双向数据绑定
3.可复用的组件:常用的按钮和表格
4.前端路由数据:页面跳转
5.状态管理
6.虚拟DOM
引入方式
1.使用CDN连接引入,加载速度更快
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
2.下本地载源码引入
将文件保存到项目中,拖到引用的js文件中
3.使用NPM
使用npm将依赖下载到Node中
vue初始用
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--下载引入文件-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<div id="app">
<h1>{{msg}}</h1>
<h1>{{msg}}</h1>
</div>
</body>
<script>
let v=new Vue({
el:"#app", //指定将元素挂在到哪里,前面的el是固定的
data:{ //data是固定的
msg:"我是一个app"
}
})
</script>
**el属性:**指定将元素挂载到那个元素上,可以使用id,class,标签属性
data属性:里面存储的数据,可以是多个对象和多个数组
**{{msg}}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)