(mini中的Vue.js)是一个框架,由Vue.js的整个核心代码进行二次开发而成,相当于添加了基于Vue.js开发微信小程序的功能。使用微信小程序开发的过程与Vue.js开发非常相似。
其继承自Vue.js,其技术规范和语法功能与Vue.js一致。使用小程序开发框架可以简化复杂应用程序的构建,支持使用npm外部依赖项,并使用Vue.js命令行工具vue-cli快速初始化项目。
步骤:
通过Node.js提供的npm工具安装vue-cli
npm install vue-cli -g
安装完成后,输入以下命令进行验证:

vue -V
初始化微信小程序项目
创建一个空白目录作为项目目录,在命令提示符下切换到该目录,然后通过vue init函数初始化项目。具体命令如下:
vue init mpvue/mpvue-quickstart mpvue-app
以上命令从远程代码存储库下载注册为/-的模板代码。下载的文件将保存在当前目录下的-app目录中。

加载后,将提示您输入相应的信息以生成已配置的项目代码。如果您不想填写,则可以直接按键并使用默认配置vue.js小程序开发,如下所示。
安装依赖项
切换到-app目录以安装项目的依赖项。具体命令如下:
启动项目
打开-app目录中的.json文件,您可以看到启动项目的命令是npm run dev(与Vue.js启动项目相同)。执行此命令后,程序将监视src目录中的文件,并且在修改文件后将对其进行实时编译。
npm run dev
预览小程序
打开微信开发者工具,导入项目-app,进入小程序开发主界面,在左侧的模拟器中可以看到-app小程序的执行结果,如下图所示。