积少成多

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

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

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

2018-11-15 17:29:31

阅读数:48

评论数: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

阅读数:54

评论数: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

阅读数:50

评论数:0

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

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

2018-10-10 17:42:14

阅读数:98

评论数:0

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

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

2018-09-15 18:16:12

阅读数:78

评论数: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

阅读数:50

评论数:0

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

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

2018-07-25 19:18:49

阅读数:2405

评论数:0

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

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

2018-07-23 16:45:08

阅读数:1595

评论数:0

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

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

2018-07-19 16:52:46

阅读数:2138

评论数:2

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

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

2018-07-05 16:59:54

阅读数:229

评论数:0

Vue 使用中的小技巧

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

2018-05-10 17:41:34

阅读数:147

评论数:0

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

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

2018-04-20 17:34:31

阅读数:112

评论数: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

阅读数:1479

评论数:0

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

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

2018-04-16 19:06:01

阅读数:8533

评论数:5

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

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

2018-03-19 20:15:01

阅读数:5463

评论数: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

阅读数:7509

评论数:1

vue中v-if和v-show的区别

欢迎访问我的个人博客 http://xiaolongwu.cn/ 相同点 两者都是在判断DOM节点是否要显示。 不同点 1、实现方式 v-if是根据后面数据的真假值判断直接从Dom树上删除或重建元素节点 v-show只是在修改元素的css样式,也就是display的属性...

2018-02-08 00:52:51

阅读数:4070

评论数:0

vue中如何实现样式之间的切换

欢迎访问我的个人博客 http://xiaolongwu.cn/ 前言 既然我们选择了vue,那么在做东西时就不要想着再jQuery用去操作dom,所有的都交给vue来解决。 下面来说一个很简单但是很常用的效果,可能人人都会遇到这样的需求 请看下图 导航栏的样式切换功能,如果...

2018-02-08 00:52:38

阅读数:15412

评论数:0

--save-dev 与 --save的区别

欢迎访问我的个人博客 http://xiaolongwu.cn/ -save-dev是指将包信息添加到devDependencies,表示你开发时依赖的包裹。 -save是指将包信息添加到dependencies,表示你发布时依赖的包裹...

2018-02-08 00:52:24

阅读数:481

评论数:0

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