- Vue前端框架
- MVVM模式
view和view-model之间通过双向绑定data-binding建立联系 - 现代的前端开发模式
Augular、React、Vue三种模式
4.Vue.js起步
4.1 Vue的使用
1.CDN引入
2.vue-do
引入vue
image.png
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
4.2Vue.js起步训练
vue-app的根容器
image.png
<body>
<div id="app">
</div>
</body>
实例化一个Vue对象
image.png
<script type="text/javascript">
// 实例化一个Vue对象
var app=new Vue({
el:'#app',
data:{
message:'Vue.js',
name:'尤與溪',
age:'20'
}
})
</script>
image.png
运行结果
