关注
分享
文章平均质量分 56
该专栏主要用于分类总结Vue学习探索过程中所学习过的基础知识点，项目学习过程中疑难点的总结，以及查询资料、解决问题过程中对相关知识的解读相关博文的收录、查看，以便于共享学习资源、学习经验。
pdsu_zhao
生命的意义在于奋斗不止！！
奋斗吧，少年！
展开
-
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述前言2016年，我写了一系列的 VUE 入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查，否则通不过校验。本来写这一系列的博文只是为了给自己看的，但没想到的是，这系列博文的点击量超过了2万以上，搜索引擎的排名也是非常理想，这让我诚惶诚恐，生怕我写的博文有所纰漏...转载 2018-03-04 14:48:30 · 235 阅读 · 0 评论 -
vue-cli + webpack 新建项目出错的解决方法
vue-cli + webpack 新建项目出错的解决方法今日使用 npm init webpack love 创建一个新项目，然后执行 npm run dev 之后项目报错，提示错误如下：没有给这些选项指定值：config-name, context, entry, module-bind, module-bind-post, module-bind-pre, output-path, outp...转载 2018-03-04 20:21:44 · 4310 阅读 · 1 评论 -
Vue 脱坑记 -——查漏补缺
问题汇总Q:安装超时(install timeout)方案有这么些:cnpm : 国内对npm的镜像版本/*cnpm website: https://npm.taobao.org/*/npm install -g cnpm --registry=https://registry.npm.taobao.org// cnpm 的大多命令跟 npm 的是一致的,比如安装,卸载这些yarn...转载 2018-03-04 20:54:50 · 11368 阅读 · 1 评论 -
vue（3）调整 App.vue 文件和router路由
调整 App.vue 文件我们先把默认项目里面没用的东西先删除掉，把代码调整为下面的样子。<template> <div id="app"> <router-view></router-view> </div></template><script>export defau转载 2018-03-04 21:11:29 · 16105 阅读 · 0 评论 -
（五）配置 Axios api 接口调用文件
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（五）配置 Axios api 接口调用文件前情回顾在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（四）调整 App.vue 和 router 路由》，我们通过配置基本的信息，已经让我们的项目能够正常的跑起来了。但是，这里还没有涉及到 AJAX 请求接口的内容。v...转载 2018-03-04 21:17:59 · 6193 阅读 · 0 评论 -
JsonView插件的使用
由于谷歌浏览器经常打不开应用商店，还有就是安装第三方插件的办法。方法就如下： 由于最近做和json相关的东西，所以，以jsonView插件为例分享一下。 1、打开https://github.com ； 2、搜索 jsonView 链接：https://github.com/search?utf8=%E2%9C%93&q=jsonview； 3、选择需要的插件（我下载的是这个g转载 2017-12-02 20:50:34 · 14922 阅读 · 1 评论 -
Vue报错——the "scope" attribute for scoped slots have been deprecated and replaced by "slot-scope"
场景重现：在git上克隆完同事上传的Vue项目，用VS Code运行时报错。VS Code运行栏报错：the "scope" attribute for scoped slots have been deprecated and replaced by "slot-scope" since 2.5.The new "slot-scope" attribute can also be use转载 2017-12-22 17:24:20 · 9872 阅读 · 1 评论 -
Vue.js——v-指令详解，component组件
其实，2016年至今，Vue发展逐渐占据主体，其“vue”为法语名，实则中文名为“view”，它主要是基于“MVVM”进行设计并开发的。M——Model 模型，用于数据保存V——View 视图，用于用户界面设置VM——ViewModel 视图模型，用于实现双向绑定 即view的变化，自动反映在了viewModel上边，反之亦然。1、原创 2017-09-27 09:06:03 · 1572 阅读 · 0 评论 -
Vue条件循环判断+计算属性+绑定样式v-bind
Vue.js条件与循环1、条件判断（1）v-if， 现在你看到我了 菜鸟教程 new Vue({ el:'#app', data:{ seen:true, ok:true } });（2）v-else-if（3）v-else A原创 2017-09-28 16:29:54 · 18505 阅读 · 2 评论 -
Win10系统下搭建vue环境（解析）
下面任何命令都是在windows的命令行工具下进行输入，打开命令行工具的快捷方式如下图：快捷键采用windows+R进入命令行cmd、详细的安装步骤如下：一、安装node.js说明：安装node.js的windows版本后，会自动安装好node以及包管理工具npm，我们后续的安装将依赖npm工具。node.js的官方地址为：https://nod原创 2017-10-15 16:49:51 · 3151 阅读 · 0 评论 -
Vue——Vue-cli脚手架+前端路由
Vue-cli是Vue的脚手架工具可以进行目录结构、本地调试、代码部署、热加载、单元测试1、MVVM框架View —— ViewModel —— Model （视图） （通讯） （数据） “DOM” “观察者vue实例” “Javascript”注意：交互为双向的特点：（1原创 2017-11-07 21:29:31 · 1225 阅读 · 0 评论 -
vue-cli脚手架开发项目问题——Cannot find module ‘stylus’
vue项目中使用stylus预处理器写css语法，老是出现 Cannot find module ‘stylus’ 的错误，鼓捣了很久，包括webstorm中配置stylus的支持，安装依赖。 终于找到原因： 在webpack 里面用了 stylus-loader，但npm instatll 没有正确安装依赖，才会出现error： Cannot find module ‘stylu原创 2017-11-07 16:45:08 · 9963 阅读 · 0 评论 -
基于Vue2.x开发的音乐播放器app（推荐界面+懒加载+axios获取后端接口实现）
1、项目开发需求分析：包含四个层面——2、项目开发流程（1）搭建项目：借助vue-cli脚手架工具，具体请参考博客： ...；由于项目存放在本地电脑E盘VueTest目录下，cd E:\VueTest图1：切换项目存放目录、vue-cli搭建初始项目通过脚手架vue-cli工具搭建项目vue init webpack vue-music选择配置项原创 2017-11-25 21:13:14 · 6730 阅读 · 3 评论 -
基于Vue2.0的音乐播放器（2）——歌手模块
1、分析设计稿顶部：标题 左部：歌手列表右部：A-Z的排序切换数据：动态获取接口获取——https://y.qq.com/portal/singer_list.html从控制台network界面上，js对应模块找到fcg-bin/v8.fcg?channel=singer&page=list&key=all_all_all&pagesize=100&pagen原创 2017-12-06 20:52:39 · 1501 阅读 · 1 评论 -
Vuex简单入门
今天试了一下Vuex,感觉跟Redux的实现思想类似。再此，简单地总结一下。什么是Vuex在Vue中，多组件的开发给我们带来了很多的方便，但同时当项目规模变大的时候，多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来，应用统一的方式进行处理，在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据流的方式来转载 2017-12-06 21:02:18 · 353 阅读 · 0 评论 -
Axios——axios在vue中的简单配置与使用
尤雨溪之前在微博发布消息，不再继续维护vue-resource，并推荐大家开始使用 axios 。一、axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户...转载 2017-12-06 21:07:43 · 1115 阅读 · 0 评论 -
最全的Vue学习资料
目录UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件Vux ★8133 - 基于Vue和WeUI的组件库iview ★6634 - 基于 Vuejs 的开源 UI 组件库mint-ui ★6253 - Vue 2的移动UI元素muse-ui ★3705 - 三端样式一致的响应式 UI 库转载 2017-12-06 21:33:16 · 3209 阅读 · 0 评论