在用vue做项目过程中，需要用到vue.js devtools，在从github上面clone下来代码，然后再npm install ,过程报错，然后更新npm包也是会有问题，以下是install的问题，npm cache clean --force 也是没用的，好在最后问同事，windows版本蓝灯下载重装，最后再谷歌应用商店添加了拓展程序。从昨天到今天上午，至此这个问题才搞定，用这个工具主要是为了方便整个项目 vuex的状态查看。 原文：https://www.cnblogs.com/tangjiao/p/9013281....
前置：nodejs vue-cli 初始化一个vue程序vue init webpack vuetest因为是第一个vue程序，所以全部手动创建 Vue bulid sandalone 运行时编译 是否安装Vue-router 不安装，手动安装 是否使用ESL检查你的代码 不 是否安装测试 NO 是否需要自动运行npm install No 手动 基础的vue目录 进入到新建的vue文件 npm install安装package.json里面的文件 报错的话比如typeerror可以试试cnpm i...
环境：NodeJs、Android SDK 、Adb Driver安装：npm install -g cordova npm i framework7-cli cordova -g 代码编辑器：Vs Code（建议Version：1.42，否则Cordova调试麻烦） 过程： 1、创建一个项目： 2、在项目根路径下打开编辑器，再把项目根路径下的Cordova目录添加到WorkSpace 3、下载Cordova Tools组件，方便调试 4、设置DEBUG AND RUN（调试工具） 注：vs code版本需要1.42，才能选择WorkSpace（见 ht...
自打写了 美团小程序框架mpvue蹲坑指南, 一发不可收拾，今天趁周末空闲，来写个mpvue(没朋友)的简单入门教程，本教程只针对新手，老鸟勿喷。另外，我还专门为本文做了一个简单的项目，如果懒得从头开始搭项目的童鞋，可以直接去我的 github上克隆到本地， 安装一下依赖，即可直接在此基础在开发，不需要做任何配置。如果你觉得该项目对有帮助， 请顺便给我Star,你们的支持是我最大的动力，谢谢!好了，我们进入主题，首先，请允许引...
doodoo
多多小程序开源版
API接口文件 server
环境需求
node >= 8.0 mysql配置文件 .env
# 应用配置
APP_PORT=3001
APP_HOST=http://127.0.0.1:3001# 验证码
VERIFY_MAXIP=36 //验证码最大ip限制
VERIFY_MAXPHONE=6 //验证码最大个数限制# MYSQL数据库链接
MYSQL=true
MYSQL_HOST=127.0.0.1 //服务器地址
MYSQL_USER=root //用户名
MYSQL_PASSWORD=root //密码
MYSQL_DATABASE=doodoo //数据库名
MYSQL_PORT=3306 /...
uniapp兼容多端自定义模态弹框组件UAPopupua-popup 一款轻量级的uniapp自定义弹窗组件。汇集了android、ios和微信弹窗效果(msg消息、alert提示框、dialog对话框、actionsheet底部动作框、toast轻提示、长按定位菜单)等功能。如下图：H5+App端+小程序效果，亲测多端运行一致。◆ 引入使用 ▍在main.js中引入uapopup弹框组件// 引入自定义弹框组件
import uaPopup from ‘./components/ua-popup/index.vue‘
Vue.component(‘ua-popu...
什么是formIdformId是小程序可以向用户发送模板消息的通行证，简单而言，你只有获取到formId，把它交给后台，后台同学才能向用户发送通知消息，而这个通行证的有效期只有七天。这是微信为了防止小程序滥用通知消息骚扰用户而提出的一种策略。如何获取formId小程序的消息文档告诉我们，获取formId有以下两种途径：支付和提交表单。用户支付一次，可获得3个formId，用户提交表单一次可得到一个formId。如果你的小程序中没有支付行为，...
<html><head><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head><body><div id="app">{{ message }}</div><script>var app = new Vue({el: ‘#app‘,data: {message: ‘Hello Vue!‘}});</script></body></html>结果：（1）首先要引入https://cdn.jsdelivr.net/npm/vue/dist/vue.js，相当于引入Jquery那样。（2）在创建一个Vue对象时需要关注两个参数，一个是挂载点el，另一个是数据data。（3）挂载点e...
最近开发了一个比较完整的小程序项目，打算总结一下，小程序开发和vue开发的代码上的区别1.小程序的路由写在app.json文件里，vue写在route.js里2.小程序用 src="{{path}}" 绑定标签属性，vue用 :src="path" 绑定标签属性3.小程序用 wx:if="{{lenth>5}}" 来条件判断，vue用 v-if="lenth>5" 来条件判断4.小程序用 wx:for="{{array}}" 来遍历列表，默认数组的当前项的下标变量名为 index，默认数组当前项的变量名为 item；vue用 v-for...
前言：最近支援另外一个项目组开发小程序，之前也没开发过小程序，心情还是有点激动。先花15分钟看一遍小程序官方文档，再花10分钟看一遍mapvue官方文档，然后拿着原型图和UI图就开干。踩了不少坑，写篇博客记录一下。PS：小程序官方文档地址：https://developers.weixin.qq.com/miniprogram/dev/ ，mapvue官方文档： http://mpvue.com/mapvue：mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了...
给子组件添加一个id属性，方便查找<view> <first-component id="mycomp"/></view>123通过this.selectComponent方法查找子组件Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { console.log(this); // 获取子组件的数据 console.log(this.selectComponent("#mycomp").data); // 调用子组件的方法 this.selectComponent("#mycomp").huanghail...
链接：https://segmentfault.com/a/1190000015684864一、生命周期先贴两张图：vue生命周期 小程序生命周期 相比之下，小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。onLoad: 页面加载一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。onShow: 页面显示每次打开页面都会调用一次。onReady: 页面初次渲染...
npm install -g vue-cli //安装vue-clivue init webpack projectName //创建项目1、Ctrl+~ 打开命令行输入界面2、输入npm start 成功出现8080端口的网址,修改端口在config/index.js文件3、Ctrl+c 停止 项目的全局vue名字叫做Vue.vue、启动js文件是main.js原文：https://www.cnblogs.com/vxianfeng/p/9744686.html
前景提要： 由于想要使用nunjucks引擎动态通过直接引入js文件的形式来进行项目的结构搭建，但是由此也有一些问题。由于项目开发时需要开启俩个server，一个是webpack的微服务、另一个是node服务端。我们请求node服务，返回nunjucks模板引擎处理后的html文件。开发环境下可以直接引入script来进行js文件以及使用link 进行css文件的获取。但是开发环境下出现hash值。如果不使用不使用hash值可能会导致某些浏览器缓存了该js文件就导致...
本篇文章给大家带来的内容是关于什么是SSR？如何通过vue-cli3构建SSR应用程序？有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1、前沿1.1、什么是SSR SSR（服务端渲染）顾名思义就是将页面在服务端渲染完成后在客户端直接展示。1.2、客户端渲染与服务端渲染的区别传统的SPA模式 即客户端渲染的模式Vue.js构建的应用程序，默认情况下是有一个html模板页，然后通过webpack打包生成一堆js、css等等资源文件。...
