vue 判断页面加载完成_vue项目搭建及总结

一、vue的两种安装方式

(1)直接在html中引入vue.js

(2)通过vue+nodeJS搭建

我们采用的是第二种方式

二、vue和nodeJS的关系

(1)nodeJS不是一个js框架，是一个基于Chrome V8引擎的javascript运行环境，所以会产生众多基于node的js框架和库，同时包括关于js模块化的库。另一个就是node可以创建本地服务器，从而可以使用js来编写后台程序。

(2)vue依赖node中的webpack打包工具，初始化vue项目，以及一些依赖包。

三、搭建vue项目

(1)安装node

(2)初始化vue项目，初始化命令：vue init webpack my-project

需要注意的是：node的版本需要和npm版本相对应

(3)初始化项目后，进入到project目录下使用命令npm run dev来启动项目。这个命令的执行是通过vue脚手架找到项目的根目录下的package.json文件，scripts表示脚本部分，作用是