1.简介

概述:

类似于angular.js、react.js之类的SPA框架,相比其他两种SPA框架 更加轻量级些、更容易入门些。

兼容性:

Vue.js不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5的浏览器



2.安装

通常有两种安装方式:

  • 第一种方式:下载之后或远程链接直接引入(略,因为SPA用这种方式没啥意义);
  • 第二种方式:npm安装(这里之后主要讲这种方式);

以下就是npm安装的步骤:(当然用cnpm代替npm也是可以的,为了精简,其中的细节不加赘述)

=> 前提:已安装了node,含有npm包管理器。


第一步:安装vue-cli 【vue的项目环境】;npm install -g vue-cli

注释:vue下的指令可以 用   vue -help 查看;如下:

注释:vue-cli的详细情况参见:https://github.com/vuejs/vue-cli


第二步:下载vue模板;    vue init<templateName><projectName>

   注释:其中的 <templateName可以通过 vue list查看。

   例如:vue init webpack my-project


第三步:安装npm模块; (如下依次执行)

cd  my-project

npm install


注释:下图就是安装完以上一切的目录图;

第四步:运行项目; npm  run  dev

... 稍微等待一会儿,模板项目就自动运行在浏览器中了。






Logo

前往低代码交流专区

更多推荐