JavaScript之Vue.js【入门基础】

发布时间：2020-12-17 03:07:52 所属栏目：百科来源：网络整理

导读：本篇将简单介绍一下Vue.js，并在Node.js环境下搭建一个简单的Demo。一、简介我个人理解，Vue.js是一套前端视图层的框架，它只关心视图展示和数据绑定，它的一些语法与Angular 1非常相似，如果有Angular 1相关的使用经验，上手会非常快。相比较其他的React

本篇将简单介绍一下Vue.js，并在Node.js环境下搭建一个简单的Demo。

我个人理解，Vue.js是一套前端视图层的框架，它只关心视图展示和数据绑定，它的一些语法与Angular 1非常相似，如果有Angular 1相关的使用经验，上手会非常快。

相比较其他的React、Angular 2等MVVM框架，它更加的轻量，效率也更高，也能更好的与其他库集成。

它拥有以下几个出色的特性：

当前最新的版本为2.1.4。后续也会在这个版本下演示Demo。

下载安装Node.js环境，安装成功后在命令行窗口依次执行以下命令：

npm install bower -g > npm install express-generator -g

安装完成后进入工程目录（随意新建一个目录），依次执行以下命令，创建一个名为vue-demo的项目：

express vue-demo --view=ejs > cd vue-demo > npm install > bower init > bower install requirejs --save > bower install vue --save

所有命令执行成功后，在项目根目录手动增加一个名为.bowerrc文件，内容如下

为了后面显示的demo页面好看一点，再引入bootstrap。这步不是必须的

> bower install bootstrap --save

最终的目录结构如下

按照惯例，学习一个新的语言，都要先问候一下我们这个精彩的世界。修改 views/index.ejs 文件内容

Index