随笔分类 -  vue

vue
vue + mockjs创建模拟数据
该文被密码保护。

posted @ 2018-06-01 11:00 流星飞雨 阅读(6) 评论(0) 推荐(0)

自定义vue全局组件use使用(解释vue.use()的原理)
摘要:我们在前面学习到是用别人的组件:Vue.use(VueRouter)、Vue.use(Mint)等等。其实使用的这些都是全剧组件,这里我们就来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理而我们再用Axios做交互,则不能使用Vue.use(Axios),因为Axios没有insta 阅读全文

posted @ 2018-05-30 15:50 流星飞雨 阅读(1193) 评论(0) 推荐(0)

vue中使用vue-router手动跳转地址
该文被密码保护。

posted @ 2018-05-30 15:48 流星飞雨 阅读(1) 评论(0) 推荐(0)

vue-route+webpack部署单页路由项目,访问刷新出现404问题
摘要:问题描述: 最近在开发cms的时候使用Vue.js框架,利用vue-route结合webpack编写了一个单页路由项目,自己在服务器端配置nginx。部署完成后,访问没问题,从页面中点击跳转也没问题,但是只要点击刷新或通过浏览器地址栏回车,就会出现404现象!在本地开发中是没有这个问题的,调试的时候 阅读全文

posted @ 2018-05-29 13:59 流星飞雨 阅读(326) 评论(0) 推荐(0)

vue中去掉url地址栏中的#符号
摘要:要去掉vue中访问地址中的#符号可以在路由器中设置路由模式为history: 效果如下: 阅读全文

posted @ 2018-05-29 13:56 流星飞雨 阅读(8985) 评论(0) 推荐(0)

vue-cl发布vue
摘要:npm run dev是开发环境, npm run build是生产环境, 在开发环境完成代码和测试, 之后用生产环境生成代码, npm run build的时候, 一开始就会提示Built files are meant to be served over an HTTP server. Open 阅读全文

posted @ 2018-05-28 17:37 流星飞雨 阅读(253) 评论(0) 推荐(0)

vue.js报错:Module build failed: Error: No parser and no file path given, couldn't infer a parser.
摘要:在使用vue-cl脚手架工具创建vue项目,运行npm run dev时出现如下错误 : 解决方法如下: 等安装完prettier后就可以重新启动: 问题解决^_^ 阅读全文

posted @ 2018-05-28 14:39 流星飞雨 阅读(1801) 评论(0) 推荐(0)

安装node
摘要:vuejs:通过npm安装vue框架(印象深刻的问题出在了npm上) 以下所有事我自己在windows系统下遇到的问题 一、安装nodejs node下载地址https://nodejs.org/en/ 查看nodejs版本和npm版本 疑问注:当时自己安装node时,没有使用默认路径 ,而是安装在 阅读全文

posted @ 2018-05-28 14:37 流星飞雨 阅读(124) 评论(0) 推荐(0)

vue-cli项目配置mock数据(新版本)
摘要:最新的vue-webpack-template 中已经去掉了dev-server.js 但是要进行模拟后台数据的,如何模拟本地数据操作? 解决方法: dev-server.js 改用webpack-dev-conf.js代替。 新版webpack.dev.conf.js配置如下: 然后npm run 阅读全文

posted @ 2018-05-22 17:50 流星飞雨 阅读(251) 评论(0) 推荐(0)

vue-cli 本地开发mock数据使用方法
摘要:vue-cli 中可以通过配置 proxyTable 解决开发环境的跨域问题,具体可以参考这篇文章: Vue-cli proxyTable 解决开发环境的跨域问题 如果后端接口尚未开发完成,前端开发一般使用mock数据。 mock方法有多种多样,这里给出两种: 方法一: 使用express搭建静态服 阅读全文

posted @ 2018-05-22 17:09 流星飞雨 阅读(318) 评论(0) 推荐(0)

使用nodeJs安装Vue-cli
摘要:TIP:win10下安装,使用管理员身份进行,否则会有权限限制。 1,安装完成node,node有自带的npm,可以直接在cmd中,找到nodeJs安装的路径下,进行命令行全局安装vue-cli。(npm install --global vue-cli) 想安装速度快点,可以使用淘宝镜像如下 命令 阅读全文

posted @ 2018-05-18 14:10 流星飞雨 阅读(123) 评论(0) 推荐(0)

购物车实现六
该文被密码保护。

posted @ 2018-05-17 17:31 流星飞雨 阅读(8) 评论(0) 推荐(0)

购物车实现五
该文被密码保护。

posted @ 2018-05-17 17:28 流星飞雨 阅读(2) 评论(0) 推荐(0)

购物车实现四
该文被密码保护。

posted @ 2018-05-17 16:10 流星飞雨 阅读(4) 评论(0) 推荐(0)

购物车实现三
摘要:使用vuex插件中的state状态属性来初始化数据 效果如下: 阅读全文

posted @ 2018-05-17 15:48 流星飞雨 阅读(145) 评论(0) 推荐(0)

购物车实现二
摘要:直接使用computed计算属性来改变总价 阅读全文

posted @ 2018-05-17 15:18 流星飞雨 阅读(140) 评论(0) 推荐(0)

购物车实现一
摘要:使用子组件触发事件时通过this.$emit来发送给父组件从而调用父组件的方法来修改总价 阅读全文

posted @ 2018-05-17 15:17 流星飞雨 阅读(147) 评论(0) 推荐(0)

vue当页面加载中实现页面刷新时数据还保留
该文被密码保护。

posted @ 2018-05-17 13:59 流星飞雨 阅读(6) 评论(0) 推荐(0)

web本地存储(localStorage、sessionStorage)
摘要:web 本地存储 (localStorage、sessionStorage) 说明 对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:localStorage 和 sessionStorage sessionStorage(临时存储) 阅读全文

posted @ 2018-05-17 12:01 流星飞雨 阅读(393) 评论(0) 推荐(0)

vue路由器传参数和参数获取,以及从网络获取数据加载到view中
该文被密码保护。

posted @ 2018-05-11 13:51 流星飞雨 阅读(5) 评论(0) 推荐(0)

导航