积少成多

只要心中有景,何处不是花香满径。

vue -- vue-i18n国际化使用简单教程

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 vue-i18n是一个针对于vue的国际化插件,使用非常简单,具体使用方式看我细细道来。 实现方式 这里我们直接讲在实际开发中如何使用以及注意事项; 1. 下载包 npm install vue-i18n 2. 配置 ...

2018-12-20 10:08:15

阅读数:39

评论数:0

eslint -- Adjacent JSX elements must be wrapped in an enclosing tag

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 关于eslint的问题太多了,我们只能慢慢的一个一个的踩坑。 错误信息 Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag. ...

2018-12-17 14:41:31

阅读数:117

评论数:0

vue -- foreach not a function 或者map not a function的解决办法

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 老套路,先说出现这种问题的原因: 在做vue项目时,如果我们在组件中需要一个变量,哪怕这个变量最开始是没值的,我们也必须先在data中注册这个变量; 只有这样,我们的这个变量才能是响应式的,不然就失去了响应式的功...

2018-12-05 16:48:52

阅读数:163

评论数:2

vue -- 非父子组件传值,事件总线(eventbus)的使用方式

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 先说一下什么是事件总线,其实就是订阅发布者模式; 比如有一个bus对象,这个对象上有两个方法,一个是on(监听,也就是订阅),一个是emit(触发,也就是发布),我们通过on方法去监听某个事件,再用emit去触发这...

2018-11-30 12:00:55

阅读数:537

评论数:5

vue -- 父组件通过$refs获取子组件的值和方法

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 在vue项目中组件之间的通讯是很常见的问题,同时也是很重要的问题,我们大致可以将其分为三种情况: 父传子:在父组件中绑定值,在子组件中用props接收 子传父:在父组件中监听一个事件,在子组件中利用$emit触发这个事...

2018-11-15 17:29:31

阅读数:554

评论数:0

vue -- Cannot set property 'render' of undefined解决方法

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 在用vue-cli3做组件测试时,出现个问题,记录一下 报错如下 Cannot set property ‘render’ of undefined 解决方案 后来发现是因为 组件里写了script标签,没写 expor...

2018-11-15 17:27:23

阅读数:625

评论数:0

You are using the runtime-only build of Vue where the template compiler is not available. Either pre

欢迎访问我的个人博客:http://www.xiaolongwu.cn 在升级脚手架到vue-cli3.0版本的时候出现了这个报错: [Vue warn]: You are using the runtime-only build of Vue where the template compi...

2018-10-19 20:33:40

阅读数:365

评论数:2

《深入浅出Vue.js》作者谈前端框架的“御剑之道”

欢迎访问我的个人博客:http://www.xiaolongwu.cn 编者按:本文作者 Berwin,W3C性能工作组成员,360导航高级前端工程师。《深入浅出Vue.js》(正在出版)作者。 你在使剑,是的,但是你的目的是杀人,直追你的目标,忘记手中长剑,才能使出最高的剑法… ...

2018-10-10 17:42:14

阅读数:268

评论数:0

nodejs -- node-sass安装失败的解决方案

欢迎访问我的个人博客:http://www.xiaolongwu.cn node-sass安装失败的原因是被墙了; 解决办法是翻墙或者使用淘宝镜像cnpm下载; cnpm install node-sass -D cnpm的安装和使用方法链接:cnpm淘宝镜像的安装和使用方法 我...

2018-09-15 18:16:12

阅读数:156

评论数:0

nodejs -- Node Sass does not yet support your current environment解决办法

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 在github上clone了一个项目,npm install之后,启动项目时报了如题目的错误导致项目启动失败; 产生问题的原因 执行npm install命令时,其实是npm按照项目里的package.j...

2018-09-15 18:12:22

阅读数:78

评论数:0

vue -- vue-router的history模式打包后页面空白的解决方案

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 采坑记录,以便后面翻阅 首先你需要确认页面空白不是由资源文件路径不正确引起的,如果资源找不到就将绝对路径改为相对路劲,具体解决方案看这里:webpack–资源和css中图片引用打包为相对路径的方案 问题现...

2018-07-25 19:18:49

阅读数:4703

评论数:0

vue -- 如何去掉url默认的锚点#

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 vue项目中持续踩坑做一些记录,以便后面翻阅 项目的url中会自带#,看起来很不是舒服,其实是vue-router在搞怪,router跳转有两种实现方式: 1. hash(带#)值模式,vue-router ...

2018-07-23 16:45:08

阅读数:3136

评论数:0

webpack -- 关于proxyTable的配置在开发环境和生产环境中的原理解析

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 首先,proxyTable是我们在本地开发环境中调试接口用的,目的是为了解决本地跨域的问题,因为本地地址为localhost:xxxx/xxx 在线上的生产环境是没用的!!! 假设我们用的...

2018-07-19 16:52:46

阅读数:4120

评论数:4

vue -- 理解Vue.nextTick 的原理和用途

有同学在看 Vue 官方文档时,对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用不太理解。 其实如果看一下深入响应式原理 - vue.js中的有关内容,可能会有所理解,不过有些同学可能看到这个标题之后就选择跳过了,因此这里简述如下: Vue ...

2018-07-05 16:59:54

阅读数:327

评论数:0

Vue 使用中的小技巧

在vue的使用过程中会遇到各种场景,当普通使用时觉得没什么,但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧,在下将不定期更新~1. ...

2018-05-10 17:41:34

阅读数:182

评论数:0

vue-cli的webpack模板项目配置文件分析

2017-09-11更新:更新到webpack 2.6.1所对应的配置,完善部分代码注释。 由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配...

2018-04-20 17:34:31

阅读数:119

评论数:0

最新vue-cli 2.9.1和2.8.x版本的区别

最近vue-cli更新,用其构建项目的时候,发现bulid文件下少了两个文件,分别是dev-sever.js和dev-client.js vue-cli 2.8 vue-...

2018-04-18 20:05:20

阅读数:2077

评论数:0

我们为什么要用vue,他解决了什么问题,如何使用它?

欢迎访问我的个人博客:http://xiaolongwu.cn Vue.js新手入门指南 最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,楼主自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在...

2018-04-16 19:06:01

阅读数:11627

评论数:9

vue数据绑定数组,改变元素时不更新view问题

欢迎访问我的个人博客:http://xiaolongwu.cn 前言 关于这个问题,官网上说的很清楚官方文档 写个例子 HTML <body> <div class="bo...

2018-03-19 20:15:01

阅读数:7539

评论数:3

vue.js开发神器devtools的安装方法

欢迎访问我的个人博客 http://xiaolongwu.cn/ 1、安装 去gitHub上clone项目,地址 https://github.com/vuejs/vue-devtools 【传送门】 下载好后进入vue-devtools-master工程 执行npm install...

2018-02-08 00:53:05

阅读数:9475

评论数:2

提示
确定要删除当前文章?
取消 删除
关闭
关闭