learn8more的博客

windows下安装vue开发环境1、安装npm官网node进行下载Node.js 是一个开源与跨平台的JavaScript 运行时环境。2、检测nodejs安装当执行完上步安装包安装后，需要进行安装是否成功，win+r打开运行，输入cmd后进入命令行界面。分别输入node -v和npm -v命令进行node的版本号和npm的版本号的查看。安装完后的目录如下图所示3、配置npm安装全局模块路径与缓存路径NPM是随同NodeJS一起安装的包管理工具一般，在进行npm install

? Please pick a preset: Manually select features? Check the features needed for your project: Choose Vue version, Babel, TS, Router, Vuex, CSS Pre-processors, Linter, Unit? Choose a version of Vue.js that you want to start the project with 3.x (Previ

vue3.0里的vue.config.js配置信息完整版：vue3.0 build发布，proxy,跨域访问设置等如果没有 vue.config.js 那么自己就在根目录建一个vue.config.js文件先让我们来看看精简版const path = require("path");const resolve = function(dir) { return path.join(__dirname, dir);};module.exports = { publicPath: p.

在项目根目录下新建文件vue.config.js文件，将下面的复制进去module.exports={publicPath:process.env.NODE_ENV==='production'?'./':'/',outputDir:'dist',lintOnSave:true,runtimeCompiler:true,//关键点在这//调整内部的webpack配置。//查阅https://gi...

1，3.0去除了 static, config , build 文件夹2，新增了 public3，自动依赖 node_modules4，默认配置 webpack , 通过 vue.config.js来修改5，命令 “ vue inspect ” 可查webpack 默认配置6，内置了 vue-cli-service serve 服务7，浏览器打开图形界面管理项目 ,命令 " vue ui " 查看...

子组件调用父组件父组件<my-childe ref="RefChilde" @update:FatherTalk="FatherTalk"></my-childe>子组件调用setup(props, context) {// .... function fnCallFather () { // 关键 context.emit('update:FatherTalk', pathChildName); }}..

3.0的目标更小 更快 加强 TypeScript 支持 加强 API 设计一致性 提高自身可维护性 开放更多底层功能什么是Hooks？hooks翻译过来是钩子的意思，这个可能有一些模糊，简单点说hooks就是一个函数（可以复用的函数）例如：业务中很难避免的一个问题就是-- 逻辑复用，同样的功能，同样的组件，在不一样的场合下，我们有时候不得不去写2+次，为了避免耦合我们出现了一些概念（mixin，高级组件，slot插槽）。上述这些方法都可以实现逻辑上的复用，但是都有一些额外的问题:..

vue3.0 typescript 创建项目，路由RouteConfig 报错 has no exported member 'RouteConfig'.ts提示 ts没有对应RouteConfig那么什么原因呢

有时候Ctrl+s保存，html代码格式会紊乱。 造成这个原因一般是我们基本都在用的一个插件：解决办法【方法一】：不用普通保存，用save without format代码编辑页面---->按F1---->输入save without formatting---->回车该操作可以用快捷键【方法二】：关闭自动格式化代码编辑页面---->按F1---->输入Formatter config---->回车---->"onSave"属性设置..

macOS npm 解决安装权限不足的问题终端里面输入下面这条命令，再运行npm安装命令就可以了。sudo chown -R $USER /usr/local

一、使用vue 单页面开发，首先要安装好本地环境步骤如下：1 下载nodejs 安装 (此时npm 和 node环境都已经装好)2 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org3 全局安装npm npm install -g vue-cli4 新建项目 vue init webpack &l...

已解决，思路是当弹起键盘时候改成相对定位，收起键盘时候恢复绝对定位

首先使用命令在项目中下载vconsolenpm install vconsole 然后在main.js中加入以下代码：import Vconsole from 'vconsole'let vConsole = new Vconsole()Vue.use(vConsole)即可看到这样一个页面：image.png...

首先执行 ：npm install vue-cookies --save在main.js全局引用import Vue from 'Vue'import VueCookies from 'vue-cookies'Vue.use(VueCookies)ApiSet a cookiethis.$cookies.set(keyName, value[, e...

许多现代JavaScript框架和库的核心概念是能够将数据和UI封装在模块化、可重用的组件中。这对于开发人员可以在开发整个应用程序时避免使用编写大量重复的代码。虽然这样做非常有用，但也涉及到组件之间的数据通讯。在Vue中同样有这样的概念存在。通过前面一段时间的学习，Vue组件数据通讯常常会有父子组件，兄弟组件之间的数据通讯。也就是说在Vue中组件通讯有一定的原则。父子组件通讯原则为了提高组...

最近在做一个有关监听scroll的功能, 发现我添加监听之后一直不起作用: 1 2 mounted() { window.addEventListener("scroll",this.setHeadPosition);//this.setHeadPosition方法名 1 　　后来...

vue 遮罩层阻止默认滚动事件在写移动端页面的时候,弹出遮罩层后，我们仍然可以滚动页面。vue中提供 @touchmove.prevent 方法可以完美解决这个问题<div class="dialog" @touchmove.prevent ></div>如果不是使用Vue的话，可以给body添加overflow:hidden属性解决...

前后端分离，后端提供了接口。但有一部分数据，比较产品说明文件，是存在其他的服务器上的。所以，在页面显示的时候，如果以页面内嵌的形式显示这个说明文件。需要搞点事情以达到想要的效果。本文主要和大家介绍VUE页面中加载外部HTML的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。不同以往的IFRAME标签，那种方式比较Low，另外有...

概念：组件是可以在它们自己的模板中调用自身的。不过它们只能通过name选项来做这件事。之前在写组件时总有些疑惑，为什么export default导出的对象中有个name属性，今天看过递归组件之后，才发现这个name属性的一个比较重要的作用。（当然。name属性的还有其他的用处）。用法：1、首先我们要知道，既然是递归组件，那么一定要有一个结束的条件，否则就会使用组件循环引用，最终出...

1. 首选npm安装plupload2. 阿里云OSS PHP 安全上传<template> <div class="imgUpload"> aaa <br> <div id="ossfile">你的浏览器不支持flash,Silverlight或者HTML5！</div> <...

当页面里有ajax请求数据，然后渲染图片的时候，dom会有展开的一瞬，产品觉得无法接受，so...想到了image的onload事件，当图片加载完成之后再显示页面原生js<img onload="get(this)" src="..." style="display: none"/><script type="text/javascript">functi...

前言初学vue时曾在网上搜索vue的实战项目源码，无奈大部分都是简单的demo，对于深究vue没有太大的帮助，剩下的一些大部分都是像音乐播放器之类的展示型项目，交互没有预期那么复杂。但我们实际在工作中，经常会遇到有购物车的项目，这类项目因为涉及到money，所以对逻辑严谨度要求高，页面之间交互复杂，又会伴随着登陆、注册、用户信息等等，常常会让我们很头疼。既然还没人用vue写过这样的项目，那不如...