houzhyan-博客

快速上手本文假设你既不会 vue 也不会小程序，如嫌拖沓，请直接快进跳读。1. 初始化一个 mpvue 项目现代前端开发框架和环境都是需要 Node.js 的，如果没有的话，请先下载nodejs并安装。然后打开命令行工具：# 1. 先检查下 Node.js 是否安装成功$ node -vv8.9.0$ npm -v5.6.0# 2. 由于众所周知的原因，可以...

【最近更新】mpvue入门系列教程：如何在mpvue中正确的引用小程序的原生自定义组件使用mpvue开发小程序教程（六）使用mpvue开发小程序教程（五）使用mpvue开发小程序教程（四）使用mpvue开发小程序教程（三）使用mpvue开发小程序教程（二）使用mpvue开发小程序教程（一）接触微信小程序有一段时间的开发者或开发团队，我相信多多少少都会为自己搭建封装一些便于开发的框架/脚手架...

在上一篇文章中，我们介绍了使用mpvue开发小程序所需要的一些开发环境的搭建，并创建了第一个mpvue小程序代码骨架并将其运行起来。在本文中，我们来研究熟悉一下mpvue项目的主要目录和文件结构。在Visual Studio Code里面打开项目文件夹，我们可以看到类似如下的文件结构：firstapp├── package.json├── project.config.json ...

【注意事项】由于mpvue也在不断的开发演进，大家在不同时间段使用的时候，可能会遇到和文中的做法不一样的地方。请关注文章的评论区中大家的讨论，寻找解决方案，或者及时查阅官方文档，避免陷入版本更新的坑里哦。在上一篇文章中，我们熟悉了一下通过vue-cli生成的mpvue工程代码骨架的基本结构，大致了解了每一个部分的代码到底要放到何处。从本文起我们就开始涉及真正的编码部分，学习使用Vue的语法...

在上一章节中，我们将vue-cli命令行工具生成的代码骨架中的src目录清理了一遍，然后从头开始配置和编写了一个可以运行的小程序页面，算是正真走上了使用mpvue开发小程序的第一步。今天我们将进一步来了解和学习mpvue / Vue的其他重要功能。既然mpvue是基于Vue的，那么就没有理由不进一步学习一下Vue最核心的东西：组件。组件系统是Vue应用开发中最具价值的特性之一，在前文中其实...

通过测试和使用总结出以下几点一、总结一下vue中不支持的语法 和已经被支持的1.在mpvue中 不可以在template中 使用methods中的方法 如下所示不支持使用filters过滤<template> <div> <p>{{ genter(name) }}</p> </div></temp...

我们搜到的教程都是说从vant-weapp的git仓库中下载源码，拷贝dist目录到我们创建的mpvue项目文件的static或者dist或者…文件夹中，我觉得都可以吧，只是涉及你引用组件时的路径怎么写。这里把vant-weapp的dist目录重命名为vant-weapp放在项目根目录的static文件夹下：在src文件夹下，即我们写vue代码的位置，正在编写的页面中添加main.jso...