Vue.js基础入门

今天，给大家分享下Vue.js基础入门，我主要由了解Vue.js、开始起步、语法三个部分简单的写了基础入门知识，希望对正在学习Vue.js的你有所帮助！

一、了解 Vue.js

1.1   Vue.js是什么？

Vue.js是一套用于构建用户界面的渐进式框架。Vue.js通过简单的API提供高效的数据绑定和灵活的组件系统。

1.2   特性：

确实轻量、数据绑定、指令、插件化

二、起步开始

2.1  官方网址：https://cn.vuejs.org/

进入官方网址，点击“学习”--“教程”

提供了多种方式安装vue，初学者，建议用最简单的安装方式，下载开发版本。点击进入之后是一个vue.js源码文件，直接保存下来即可。

2.3   第一个Vue实例：

1、代码解读

在头通过引入vue.js文件。

el：是element的缩写，指要操作/绑定的元素

data：写需要操作改变的内容。

注意：学javascript时，很多时候都是操作DOM的模式，而vue则更多是操作数据的双向绑定。

2、Vue实例、挂载点、模板之间的关系

挂载点：需要操作的元素。例如：<div id="app"></div>

Vue实例只会处理挂载点下的内容。

挂载点内部的内容叫模板内容。比如，下面的

用模板的方式演示上面的例子，以此说明挂载点内的内容为template：

效果：自动输出 “你好，hello vue！”

Vue实例：自动根据el，template，data数据生成最终的效果。最后放在挂载点之中。

三、语法

3.1   插值