这个不是报错，而是需要将babylon 换成babel解决办法是：找到modules包里面的：node_modules\vue-loader\lib\template-compiler\index.js将{ parser: "babylon" } 换成?{ parser: "babel" } 即可；如下图所示： 在vue项目中，执行 npm run dev 时提示 { parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }原文：https://www.cnblogs.com/ruilin/p/11177873.html
一、VS code中断点调试Vue CLI 4项目1、Debugger for Chrome插件2、配置vue.config.js文件(如果没有，在根目录下新增一个)module.exports = {configureWebpack: {devtool: ‘source-map‘} };3、配置babel.config.js 文件module.exports = {"env":{"development":{"sourceMaps":true,"retainLines":true, }},presets: [‘@vue/app‘] }4、配置launch.json文件 点击F5选择Chorem配置，即可查看Launch.json文件并替换{"version": "0....
1、下载安装包，具体版本根据自己需要。wget https://nodejs.org/download/release/v6.12.3/node-v6.12.3-linux-x64.tar.gz2、解压到指定目录tar -xzvf node-v6.12.3-linux-x64.tar.gz.2 -C ~/app3、配置环境变量#nodejs export NODEJS_HOME=/home/hadoop/app/node-v6.12.3-linux-x64 export PATH=$NODEJS_HOME/bin:$PATH4、刷新source /etc/profile5、检测node -v此时node.js已经完成。下面是打包有关安装6、安装webpackagenpm in...
一、跨域：简单来说：如果前端向后端请求数据，前后端的的ip和端口都是不一致的，就是不在统一域名下，就出现了CORS跨域问题。二、后台处理跨域在django后台环境目录下安装插件：>: pip install django-cors-headers插件参考地址：https://github.com/ottoyiu/django-cors-headers/在django里的settings.py进行项目配置# 注册app INSTALLED_APPS = [...'corsheaders' ]# 添加中间件 MIDDLEWARE = [...'corsheaders.middleware.Cors...
1.准备工作npm引入sdk及 strophe.js（坑：刚开始下载的最新版的sdk，但是下载下来总是少文件src，挣扎半天，换了1.8.3版本的sdk好了，可能跟我项目的哪些东西的版本有不兼容的吧）（1）cnpm i easemob-websdk@1.8.3 --save（2）cnpm i strophe.js@1.2.16 --save（3）下载webim.config.js: https://gitee.com/weimingye/web-im/blob/master/demo/javascript/dist/webim.config.js#2.修改sdk的connection.js文件（注意新增代码的位...
一般的解决方法Html<input id="file" type="file" accept=".map" onchange="upload()"/>JSdocument.getElementById(‘file‘).value = null;// document.getElementById(‘file‘).onchange = function () { // alert(this.value); // this.value = null; // };?Vue中Html<input ref="referenceUpload" @change="referenceUpload" type="file" accept=".map" multiple/>JS methods: {referenceUpload(e) {this.$refs.refe...
使用 Hbuilder新建好移动app项目后，mainfest.json这个文件里的 plus里设置 statusbar..... "plus": {"statusbar": {"immersed": true},......}, ..... 效果 此随笔乃本人学习工作记录，如有疑问欢迎在下面评论，转载请标明出处。如果对您有帮助请动动鼠标右下方给我来个赞，您的支持是我最大的动力。 原文：https://www.cnblogs.com/huangenai/p/9826123.html
1，程序化的事件侦听器 2，手动挂载组件在一些需求中，手动挂载组件能够让我们实现起来更加优雅。比如一个弹窗组件，最理想的用法是通过命令式调用，就像 elementUI 的 this.$message 。而不是在模板中通过状态切换，这种实现真的很糟糕。先来个最简单的例子：import Vue from ‘vue‘import Message from ‘./Message.vue‘// 构造子类let MessageConstructor = Vue.extend(Message)// 实例化组件let messageInstance = new Messa...
import Vue from ‘vue‘ import Router from ‘vue-router‘ import Home from ‘@/components/Home‘ Vue.use(Router)const router = new Router({mode: ‘history‘,routes: [{path: ‘/‘,// name: ‘Home‘,// component: Homeredirect:‘/login‘},{path:‘/login‘,component:Login},{}] }) router.beforeEach((to,from,next)=>{ //导航守卫//to将要访问的路径//from代表冲哪一个路径跳转过来//next 是一个函数 表示放行...
最近在学习react和vue，两者其实有很多地方相似。首先都是使用虚拟DOM来实现页面的局部状态的刷新。 ## 图片读取- react的是用./src 来找图片路径- vue是把文件放在static文件夹里 ## 渲染页面 1、字符串模版 ${} 2、react ：{} 3、vue :{{}} ## modules分包 - store里面的文件都是js文件 一级index modules文件是二级 ##Vuedatacreatedmethodscpmupted ##Vuexstatemutationsactionsgettermodules原文：https://www.cnblogs.com/op...
通常我们在vue里面使用别人开发的组件，第一步就是install,第二步在main.js里面引入，第三步Vue.use这个组件。今天我简单的也来use一个自己的组件。这里我用的webpack-simple这个简单版本的脚手架为例，安装就不啰嗦了，直接进入正题首先看下目前的项目结构：webpack首先会加载main.js，所以我们在main的js里面引入。我以element ui来做对比说明import Vue from ‘vue‘ import App from ‘./App.vue‘// 引入element-ui组件 impor...
主要思路通过自定义指令，在视图初始化完成后，绑定scroll事件。当scrollTop + clientHeight >= scrollHeight时（此时滚定条到了底部）触发loadMore事件，<template><div v-scroll="loadMore"><!-- 列表数据传递给子组件，loading表示是否正在加载数据，避免在请求时多次触发 --><my-item :lists="lists" :loading="loading" /></div> </template><script> import MyItem from ‘~/components/Item.vue‘ export default {name: ‘...
好久不见呀，这两年写了很多很多东西，也学到很多很多东西，没有时常分享是因为大多都是我独自思考。明年我想出去与更多的大神交流，再修筑自己构建的内容。 有时候我会想：我们遇到的问题，碰到的界限，是别人给的还是我们自己给的？其实我觉得自己选择的方向是对的，但是有时难免会怀疑，是否有人和我在做一样的事情，我希望找到有趣的伙伴，做一些有趣的事情。Vue 中数据流组件 又将年终了，该做年终总结了呀。。最近花了一...
最近使用vue学习开发移动端的项目，使用了bette-scroll插件做滚动。在引入better-scroll的组件中使用@click事件的时候，点击事件失效，v-on:click、v-bind:click、@click.native都不行，试了一下@touchstart是却是可以的，发现better-scroll的配置中没有设置click：true，设置过之后click事件成功。 后来在使用vuex的时候一直报“[vuex] unknown mutation type: changeCity”，才发现在store文件中将mutations写在了state里面，...
1.vue ui图形化界面2. vue create是vue-cli3.x的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目，与cue-cli2项目结构不同，配置方法不同，具体配置方法参考官方文档。使用方式：vue create 项目名称 3. vue initvue init 是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目，webpack是官方推荐的标准模板名。vue-cli2.x项目向3.x迁移只需要把static目录复制到public目录下，老项...