【前端Vue】Vue入门

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>

Vue常用指令