Vue学习-爬坑之路
猫猫的小茶馆
用心做开发。
展开
-
vue项目启动出现cannot GET /服务错误
上午做了项目,中午吃完饭后回来再跑一次服务器,出现 Cannot GET/: 控制台中并没有报错;npm run dev命令行窗口也没有报错。 原因在网上查了一堆,发现这个问题还挺多呢,而且各个回答的解决方式都竟然有许多不同…于是把能改的地方都改了…(基本上相当于将配置信息改回来)关闭 history 模式关闭history模式,用/#/路由的方式开启,(h...原创 2018-06-22 14:16:52 · 47662 阅读 · 13 评论 -
vue-router——SPA单页应用搭建
SPA单页应用: 加载单个HTML页面,并在用户与应用程序交互时动态更新该页面。vue-router 作用:通过管理url,实现url和组件的对应和通过url进行组件之间的切换。开始使用vue-router,使用步骤:安装模块 npm install vue-router --save引入模块 import VueRouter from 'vue-route...原创 2018-06-22 14:49:14 · 378 阅读 · 0 评论 -
vue/cli 3.0脚手架搭建
在vue 2.9.6中,搭建vue-cli脚手架的流程是这样的: 首先 全局安装vue-cli,在cmd中输入命令: npm install --global vue-cli 安装成功: 安装完成之后输入 vue -V(注意这里是大写的“V”),如下图,如果出现相应的版本号,则说明安装成功。 然后就可以构建项目了,依次输入命令:vue init webpack “名称...原创 2018-08-10 11:42:22 · 24196 阅读 · 2 评论 -
Vue学习笔记 —— 生命周期钩子函数
生命周期 Vue实例从创建到销毁的过程,就是生命周期。学习vue已经两周之久了,但在开发中,总还是会遇到生命周期钩子函数运用混乱的问题,于是决定做个汇总。首先从官网上贴出的标准生命周期流程图上来分析生命周期函数: 这么多钩子函数,那怎么用呢:beforeCreate 创建前 el 和 data 并未初始化 。可以在这加个 loading 事件,在加载实例时触发c...原创 2018-08-10 16:47:49 · 486 阅读 · 0 评论 -
Vue —— 购物车
购物车长得很丑,是这样的。。。 用Vue实现一个简易购物车功能,数据都是自己模拟的(心酸),算了少说话多做事贴代码:<template> <div class="shoppingCart"> <!-- 头部 --> <div class="header"> <div class="he原创 2018-08-10 17:17:32 · 1423 阅读 · 2 评论