Vue入门
vue是一套前端框架,避免了JS中的DOM操作
Vue 只关注视图层, 采用自底向上增量开发的设计
基于MVVM思想,实现数据双向绑定
Vue,js安装
独立版本:独立版本
CDN方法:Staticfile CDNunpkg cdnjs
CDN就是用<script src=“填入网址”></script>引入
1. 新建HTML页面,引入Vue.js
<script src="vue.js"></script>
2. 在JS中创建Vue核心对象,进行数据绑定
new Vue({
el:"#app",
data(){
return{
username:""
}
}
})
3. 编写视图
<div id="app">
<input name="username" v-model="username">
<!--插值表达式-->
{{username}}
</div>