houzhyan-博客

原文:https://www.cnblogs.com/xulei1992/p/6015416.html1.v-for　　直接上代码。　　示例一：DOCTYPE html>html>head> meta charset="utf-8"> meta name="viewport" content="initial-scale=1.0, maxim

当我以为简单配置就可以实现断点调试时候, 意外的坑出现了:chrome弹出页面显示about:blank然后提示: 无法连接到运行中的进程，将在10000毫秒后超时前提是我已经按照配置教程原样操作:https://cn.vuejs.org/v2/cookbook/debugging-in-vscode.html下面是解决方案:原因是chrome没有设置默认主页about:...

在Vue中定义组件,没什么大不了的.我们可以定义一些组件.比如 : 定义一个 panel 组件Vue.component('panel',{ template:'#panel-tpl', data() { return { title:'这是title', content:'Lorem ipsum dolor sit amet...

配置devServer:{ contentBase:'./', proxy:{ // 当你请求是以/api开头的时候，则我帮你代理访问到http://localhost:3000 // 例如： // /api/users http://localhost:3000/api/users ...

一、前言在项目中经常有一些场景会连续发送多个请求，而异步会导致最后得到的结果不是我们想要的，并且对性能也有非常大的影响。例如一个搜索框，每输入一个字符都要发送一次请求，但输入过快的时候其实前面的请求并没有必要真的发送出去，这时候就需要在发送新请求的时候直接取消上一次请求。vue axios拦截器介绍二、代码import axios from 'axios'import qs fr...

axios的拦截器是一个作用非常大，非常好用的东西。分为请求拦截器和响应拦截器两种。我一般把拦截器写在main.js里。1. 请求拦截器请求拦截器的作用是在请求发送前进行一些操作，例如在每个请求体里加上token，统一做了处理如果以后要改也非常容易。 axios.interceptors.request.use(function (config) { // 在发...

在写代码的时候,总是被各式各样的模块规范所迷惑,来看看这些方式有什么区别吧require: node 和 es6 都支持的引入export / import : 只有es6 支持的导出引入module.exports / exports: 只有 node 支持的导出Nodemodule.exports / exports 是遵循CommonJS规范的一套规范,其实在node编...

vue应用开发流程vue-cli构建项目骨架npm install安装依赖包npm run dev 开发调试代码npm run build生产环境代码问题执行第4步完成后，通常有如下小提示 Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// ...

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

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

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

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

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

atom: 开发利器，界面友好，配色出色，好用的插件众多。language-vue: 这个是首推，因为它就是为vue而生的呀，支持很多vue里的提示。在空的vue页面敲tem，vue模板的提示就自动出来了，太爽了。还有一个language-vue-componet，这个我并没有安装，因为它与language-vue会有点冲突，导致template里的html显示没有颜色区分，所以这个我就...

1. node.js安装https://nodejs.org/en/download/2.npm的安装由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下，出现版本提示表示安装成功:npm -v5.6.03. 安装vue-cli3.0命令 ：npm install -g @vue/cli若出...

今天我来总结一下vue中computed 和 watch的异同！一、computed 和 watch 都可以观察页面的数据变化。当处理页面的数据变化时，我们有时候很容易滥用watch。 而通常更好的办法是使用computed属性，而不是命令是的watch回调。这里我直接引用vue官网的例子来说明：html:我们要实现 第三个表单的值 是第一个和第二个的拼接，并且在前俩表单数值变化时，...

https://www.haorooms.com/post/vscode_eslint