VUE精选
关注
分享
扫一扫
暗影岛-寒冰射手
这个作者很懒，什么都没留下…
展开
-
手把手，从无到有带你用vue进行项目实战 系列一(搭建框架篇)
https://blog.csdn.net/franktaoge/article/details/80264425转载 2019-07-02 21:55:37 · 384 阅读 · 0 评论 -
vue_22使用vue动画(transition标签, .v-enter类)
1.首先将需要动画效果的元素放在 <transition>标签里面2.在<style>样式表里面添加 .v-enter .v-leave-to .v-enter-active .v-leave-active代码示例:<!doctype html><html lang="en"><head> <meta cha...转载 2019-07-23 20:37:29 · 757 阅读 · 0 评论 -
详解vue项目优化之按需加载组件-使用webpack require.ensure
https://www.jb51.net/article/116100.htm转载 2019-07-23 21:06:27 · 183 阅读 · 0 评论 -
在VUE项目中使用SCSS ，对SCSS的理解和使用（简单明了）
首先要了解什么是CSS 预处理器？ SCSS是一种CSS预处理语言定义了一种新的专门的编程语言，编译后形成正常的css文件，为css增加一些编程特性，无需考虑浏览器的兼容性（完全兼容css3），让css更加简洁、适应性更强，可读性更佳，更易于代码的维护等诸多好处。CSS预处理语言有SCSS(SASS) 和LESS、POSTCSS那么SCSS和SASS 有什么区别呢· 文件扩展名不...转载 2019-07-23 22:31:55 · 351 阅读 · 0 评论 -
vue学习笔记一之 router-link
vue学习笔记一之<router-link><router-link>组件支持用户在具有路由功能中的点击导航。通过to属性指向目标地址，默认渲染成正确的a标签1.to属性 字符串或是对象类型点击会立刻把内部to值传送到router.push()例：<router-link to="/Home">Home</router-link>...转载 2019-07-23 23:09:56 · 215 阅读 · 0 评论 -
处理 Vue 单页面应用 SEO 的另一种思路
vue-meta-info 官方地址：monkeyWangs/vue-meta-info（设置vue 单页面meta info信息，如果需要单页面SEO，可以和 prerender-spa-plugin形成更优的配合）单页面应用在前端正大放光彩。三大框架 Angular、Vue、React，可谓妇孺皆知。随着单页面应用的普及，人们在感受其带来的完美的用户体验，极强的开发效率的同时，也似乎...转载 2019-07-17 15:44:44 · 287 阅读 · 0 评论 -
VueJS中学习使用Vuex详解
https://segmentfault.com/a/1190000015782272转载 2019-07-27 12:01:52 · 194 阅读 · 0 评论 -
五分钟搞懂Vuex
这段时间一直在用vue写项目，vuex在项目中也会依葫芦画瓢使用，但是总有一种朦朦胧胧的感觉。于是决定彻底搞懂它。看了一下午的官方文档，以及资料，才发现vuex so easy！作为一个圈子中的人，决定输出一下文档，如果你仔细看完这篇文章，保证你对vuex熟练掌握。我把自己的代码上传到了github，大家有需要的可以拉下来：github先说一下vuex到底是什么？...转载 2019-07-27 09:17:12 · 181 阅读 · 0 评论 -
Vuex之理解mutation的用法
一.什么是mutation通俗的理解mutations,里面装着一些改变数据方法的集合，这是Veux设计很重要的一点，就是把处理数据逻辑方法全部放在mutations里面，使得数据和视图分离。切记：Vuex中store数据改变的唯一方法就是mutation！二.怎么用mutations？1.mutation结构每一个mutation都有一个字符串类型的事件类型(type)和回调函数...转载 2019-07-27 18:19:51 · 373 阅读 · 0 评论 -
ES6之promise
ES6中的promise对象很早就听说过，据说是为了解决我们使用回调产生回调地狱的问题。今天下午既然有这么想学的欲望，就来看一看吧，当然参考的还是阮一峰老师的教程。 第一部分：什么是Promise 看本文的最后一个例子，迅速理解。 Promise是ES6中的一个内置的对象（实际上是一个构造函数，通过这个构造函数我们可以创建一个Promise对象），它是为了解决异步问题的。P...转载 2019-07-18 22:11:34 · 191 阅读 · 0 评论 -
vue中promise的使用
vue中promise的使用 promise是处理异步的利器，在之前的文章《ES6之promise》中，我详细介绍了promise的使用， 在文章《js动画实现&&回调地狱&&promise》中也提到了promise的then的链式调用， 这篇文章主要是介绍在实际项目中关于异步我遇到的一些问题以及解决方法，由此来加深对promise的进一步理解。背景 ...转载 2019-07-18 21:30:26 · 639 阅读 · 0 评论 -
Vue全家桶 （少了Element UI）
http://doc.liangxinghua.com/vue-family/1.html转载 2019-07-11 15:07:55 · 192 阅读 · 0 评论 -
vue-cli+webpack在生成的项目中使用bootstrap方法
vue-cli+webpack在生成的项目中使用bootstrap方法（一）中，是通过手动下载bootstrap库，然后手动添加到src/assets中，显然是过程太多。当然是可以更省力些，可以通过npm安装bootstrap，然后用import直接导入bootstrap的方式进行整合，因为vue-loader能自动从node_modules下加载库，非常方便。完整过程实现一遍。...转载 2019-07-03 22:02:19 · 150 阅读 · 0 评论 -
webpack打包错误 ERROR in multi ./src/main.js ./dist/bundle.js
当输入命令：webpack .\src\main.js .\dist\bundle.js报错如下：来自本地这是为什么呢？原因是我的webpack版本过高，原来的命令已经不适用了如下查询版本号：来自本地那应该如何解决?更换打包命令为: webpack ./src/main.js -o ./dist/bundle.js其中 bundle.js是打包后生成的文件的...转载 2019-07-03 22:26:49 · 6559 阅读 · 0 评论 -
强大的webpack-dev-server
万能本地运行环境webpack-dev-server是一个用来快速搭建本地运行环境的工具。命令简单webpack-dev-server或配置命令脚本快捷运行。使用情况：解决本地运行跨域很多框架使用时其实是用了ajax的请求的，在本地运行时会发生跨域请求（啊擦嘞，我只是在html里引入一个js文件还能跨域？没错，就是这么神奇！！！）模拟服务器运行情况，进行上线前调试等。环境搭建开干首...转载 2019-07-03 22:58:15 · 112 阅读 · 0 评论 -
Webpack简要入门
webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。10 .2 webpack 基础配置先要安装npm和node.js首先，创建一个目录，比如demo...转载 2019-07-04 10:15:41 · 90 阅读 · 0 评论 -
Webpack轻松入门（二）——CSS打包
https://www.jianshu.com/p/6b0b80eb3e2e转载 2019-07-04 10:35:28 · 114 阅读 · 0 评论 -
webpack踩坑之路 (2)——图片的路径与打包
https://www.cnblogs.com/ghost-xyx/p/5812902.html转载 2019-07-04 11:00:29 · 122 阅读 · 0 评论 -
vue学习——项目目录讲解
通过上一节，我们得到以上的项目目录：build及config：webpack配置相关node_modules:通过npm install安装的依赖代码库src：项目源码static：存放静态资源----.gitkeep：意思是就算这是个空文件，仍旧可以提交到代码版本库（因为一般如果为空文件夹，git会忽略这个文件夹）中。.babelrc：babel相关配置（因为我们的代...转载 2019-07-09 21:45:08 · 137 阅读 · 0 评论 -
Vue组件选项props
前面的话 组件接受的选项大部分与Vue实例一样，而选项props是组件中非常重要的一个选项。在 Vue 中，父子组件的关系可以总结为props down, events up。父组件通过props向下传递数据给子组件，子组件通过events给父组件发送消息。本文将详细介绍Vue组件选项props父子级组件 在介绍props之前，先介绍父子级组件的写法 在一...转载 2019-07-01 10:16:22 · 120 阅读 · 0 评论 -
vuex中mutations与actions的使用及区别
之前写过简单的vuex应用方法,现在写一下vuex中的 actions和mutations的区别Mutationsmutations 必须是同步函数,为什么? 举个例子: 官方案例mutations: { someMutation (state) { api.callAsyncMethod(() => { state.count...转载 2019-07-27 18:34:06 · 886 阅读 · 0 评论