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