zxy9602的博客

其实，2016年至今，Vue发展逐渐占据主体，其“vue”为法语名，实则中文名为“view”，它主要是基于“MVVM”进行设计并开发的。M——Model        模型，用于数据保存V——View         视图，用于用户界面设置VM——ViewModel   视图模型，用于实现双向绑定     即view的变化，自动反映在了viewModel上边，反之亦然。1、

好的生活，聚集美丽，成人之美！从现在做起！http://www.tuicool.com/articles/EBbmAjr效果预览:point_right:预览地址： 请点我！在线预览，手机浏览或切换浏览器移动调试PS：google浏览器在切换不同的手机测试，需要重新刷新页面；安卓手机可能不适应:point_right:源码地址： Github在这里

目录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 库

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述前言2016年，我写了一系列的 VUE 入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查，否则通不过校验。本来写这一系列的博文只是为了给自己看的，但没想到的是，这系列博文的点击量超过了2万以上，搜索引擎的排名也是非常理想，这让我诚惶诚恐，生怕我写的博文有所纰漏...

全世界最好的编辑器VIM之Windows配置（gvim），vundle插件管理，NERDTree插件，ctrlp插件，vim-nerdtree-tabs插件等 。vim本来就是很强大，很方便的编辑器，再加上这些杀手级的插件，那就真的无敌了官方网站：http://www.vim.org平时习惯在linux上面使用vim，但是在windows下面，总感觉没有找到比vim好用的编辑器，所以，决定在win...

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...

问题汇总Q:安装超时(install timeout)方案有这么些:cnpm : 国内对npm的镜像版本/*cnpm website: https://npm.taobao.org/*/npm install -g cnpm --registry=https://registry.npm.taobao.org// cnpm 的大多命令跟 npm 的是一致的,比如安装,卸载这些yarn...

调整 App.vue 文件我们先把默认项目里面没用的东西先删除掉，把代码调整为下面的样子。<template> <div id="app"> <router-view></router-view> </div></template><script>export defau

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（五）配置 Axios api 接口调用文件前情回顾在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（四）调整 App.vue 和 router 路由》，我们通过配置基本的信息，已经让我们的项目能够正常的跑起来了。但是，这里还没有涉及到 AJAX 请求接口的内容。v...

尤雨溪之前在微博发布消息，不再继续维护vue-resource，并推荐大家开始使用 axios 。一、axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户...

今天试了一下Vuex,感觉跟Redux的实现思想类似。再此，简单地总结一下。什么是Vuex在Vue中，多组件的开发给我们带来了很多的方便，但同时当项目规模变大的时候，多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来，应用统一的方式进行处理，在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据流的方式来

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

Vue.js条件与循环1、条件判断（1）v-if， 现在你看到我了 菜鸟教程 new Vue({ el:'#app', data:{ seen:true, ok:true } });（2）v-else-if（3）v-else A

vue项目中使用stylus预处理器写css语法，老是出现 Cannot find module ‘stylus’ 的错误，鼓捣了很久，包括webstorm中配置stylus的支持，安装依赖。 终于找到原因： 在webpack 里面用了 stylus-loader，但npm instatll 没有正确安装依赖，才会出现error： Cannot find module ‘stylu

Vue-cli是Vue的脚手架工具可以进行目录结构、本地调试、代码部署、热加载、单元测试1、MVVM框架View    ——    ViewModel    ——     Model      （视图）          （通讯）    （数据）       “DOM”     “观察者vue实例”    “Javascript”注意：交互为双向的特点：（1

下面任何命令都是在windows的命令行工具下进行输入，打开命令行工具的快捷方式如下图：快捷键采用windows+R进入命令行cmd、详细的安装步骤如下：一、安装node.js说明：安装node.js的windows版本后，会自动安装好node以及包管理工具npm，我们后续的安装将依赖npm工具。node.js的官方地址为：https://nod

由于谷歌浏览器经常打不开应用商店，还有就是安装第三方插件的办法。方法就如下： 由于最近做和json相关的东西，所以，以jsonView插件为例分享一下。 1、打开https://github.com ； 2、搜索 jsonView 链接：https://github.com/search?utf8=%E2%9C%93&q=jsonview； 3、选择需要的插件（我下载的是这个g

1、项目开发需求分析：包含四个层面——2、项目开发流程（1）搭建项目：借助vue-cli脚手架工具，具体请参考博客： ...；由于项目存放在本地电脑E盘VueTest目录下，cd E:\VueTest图1：切换项目存放目录、vue-cli搭建初始项目通过脚手架vue-cli工具搭建项目vue init webpack vue-music选择配置项

场景重现：在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

一. 请谈谈Vue中的MVVM模式MVVM全称是Model-View-ViewModelVue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化，DOM会跟着变化。 ViewModel是Vue的核心，它是Vue的一个实例。Vue实例时作用域某个HTML元素上的这个HTML元素可以是body，也可以是某个id所指代的元素。DOMListene...