ranran_sun的博客

众所周知vue的生命周期，但是父子组件生命周期的顺序是啥样的呢，简单粗暴了撸了个例子父组件<template> <div class="hello"> <v-child :name=name></v-child> <span>msgdddddd</span> {{msg}} </...

做项目过程中踩得一个小坑，写个博客记录一下Vue给对象添加新属性，我开始是直接object.属性=‘默认值’，结果用它来控制状态控制不了，值是在变，但是不起作用，想了用class来做吧，但是这个奇葩的问题总要解决啊，于是乎，想到之前做的demo，回去翻看了一下，额。。。。用Vue.set(Object,'属性名'，默认值)这样设定就好了quotas.forEach(function ...

关于子父组件相互传值，做了一个翻译的小demo：https://github.com/ranransun/vue-translate/父组件向子组建传值---props父组件：数据部分：模版引用组件的部分子组件：两个红框框的名字是一样的，笔者在写的时候报过这样的错误props还有更严谨的写法，即传值和传引用是不一样的效果：属性传值可以传具体的值，也可以传引用（Array，object），传引用的时...

vue-cli创建完项目，dev-server.js文件丢了，左边是大佬的，右边是我的，什么情况！！！！？？？那我还怎么跟着大佬的项目敲代码啊，dev-server.js里面的数据怎么mock啊T_T~~~~~~各种查找，啊呀，原来是新版本的vue已将dev-server.js与webpack.dev.conf.js合并了..........，上面的操作webpack.dev.co

1、安装路由：如果在安装vue的时候没有安装路由，要单独安装，在命令行工具里cd到项目路径下输入npm install vue-router --save-dev大概要几十秒的时间，安装完成后2、在main.js中引入路由模块import VueRouter from 'vue-router'3、在main.js使用路由Vue.use(VueRouter)4、配置路由const router=ne...

想学好vue还是要学会安装脚手架的，在用直接引入的方式学习了一些基本的vue操作后，决定搭建一下脚手架，安装过程中也是看了很多文档，本人是windows系统。首先确定依赖的node环境：在命令行工具里面（win+R后输入cmd）可以查看node版本以及npm确认是否安装，npm会随着node一起安装，若没有安装可进入官网nodejs.org安装（选择较新且稳定的版本安装）接下来安装

npm运行正常但浏览器报错：解决方法：VueRouter的引入不能用npm安装时自带的“import VueRouter from ‘./router’”，要换成“import VueRouter from ‘vue-router’”