Vue入门

1、Vue概述

Vue.js读音 /vjuː/, 类似于 view

Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API

Vue.js是一个构建数据驱动的Web界面的库

Vue.js是一套构建用户界面的 渐进式框架

通俗的说:

Vue.js是一个构建数据驱动的 web 界面的渐进式框架

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件

核心是一个响应的数据绑定系统

2、Vue的基本使用

1、导包
官方提供了两个包

开发包

vue.js
生产包

vue.min.js

2、HTML页面编写

{{content}}

3、使用Vue window.onload = function () { var vm = new Vue({ el:'.box', data: { content: 'Vue的基本使用' } }); } ## 3、Vue基础语法 1、操作数据

let vm = new Vue（{
	el：‘.box',
	date:{
		content:'操作数据'
	}
}）

2、修改属性
3、调用方法

4、条件渲染

5、列表渲染

6、双向绑定数据

7、todolist案例