HeliumLau的博客

vue-router个人理解：Vue中的路由相当于pc里面的锚点超链接，如果点击了页面转向哪，也有点像ajax。安装npm install vue-router 开始用Vue.js + vue-router创建单页应用，是非常简单的。使用Vue.js时，我们就已经把组件组合成一个应用了，当你要把vue-router加进来，只需要配置组件和路由映射，然后告诉vue-router在哪里渲染他们。

处理静态资源你也许会注意到vue-cli与webpack结合的项目中，我们通常会有两个静态资源的路径：src/assets和static/，他们两者的区别是什么呢？打包的资源为了回答这个问题，我们首先要明白Webpack是如何处理静态资源的。在*.vue组件里，所有的templates和CSS模块都被vue-html-loader和css-loader解析来查找路径URL。举个例子，在<img sr

Vue开发填坑方法methods通用问题描述： vue开发过程中很多时候，函数方法methods会在各个组件内共用，每个组件都写个比较多余。 解决方法： 1.利用CommonJS思想，单独写，然后每个组件利用import { function } from ‘../..’导入，直接使用。 2.直接全局注册Vue.protytpe.$myMethod = function(options) {

Vue-Awesome-Swiper轮播图插件，可以同时支持Vue.js（1.X ~ 2.X），兼顾PC和移动端，SPA和SSR。例子例子安装设置安装Install vue-awesome-swipernpm install vue-awesome-swiper --savevue挂载// importimport Vue from 'vue'import VueAwesomeSwiper fr

Vue-Lazyload一款适于在应用中懒加载图片的vue插件，下面是一些值得注意的地方：轻量、功能强大且易于使用可作用于任意一种图片在图片加载过程中添加加载样式同时支持Vue 1.0和Vue 2.0DemoDemo要求Vue.js 1.x 或者 2.x安装npm$ npm install vue-lazyloadCDNCDN: https://unpkg.com/vue-lazylo

正文1.安装jquery依赖npm install jquery --save2.修改两处配置文件module.exports = { // 其他代码... resolve: { extensions: ['', '.js', '.vue'], fallback: [path.join(__dirname, '../node_modules')], a

全局配置（Vue.config）Vue.config是一个与全局配置有关的对象，可以在启动应用之前修改下列属性。1.silent类型： Boolean 取消Vue所有的日志和警告 Vue.config.silent = false2.optionMergeStrategies类型：Function 自定义合并策略的选项。 合并策略选项分别接受第一个参数作为父实例，第二个参数为子实例，Vue实

day 1 1.如果在<style>标签里面混合使用空格与tab，会出现got eos错误。 2.如果组件之间被复用的花，生命周期钩子不会被调用 3.给某元素添加点击事件，给组件添加ref属性，则可以在Javascript中通过this.$refs.name调用这个组件

VuexVuex是什么Vuex是一个专为Vue.js应用程序开发的状态管理模式。什么是状态管理模式new Vue({ // state data () { return { count: 0 } }, // view template: ` <div>{{ count }}</div> `, // actions methods:

HTTP请求类型及说明Web开发最常见的就是HTTP通信协议，该协议涉及的目的就是确保服务器与客户端之间的正确通信，其中最主要的4种方法如下。1.Http get主要用于向指定的URL请求资源，可以带参数也可以不带参数，带参数时，参数时明文传递，你可以在浏览器的地址栏看到参数及参数值，get安全性不高，所以常用于安全性要求低的场合，比如登陆后请求数据。 2.Http post主要是向指定的URL提

前言vue-cli和webpack结合的脚手架挺好用的，但是初次使用对于其中的配置和npm包的引用总是会一脸懵逼，这篇文章是对其中一些相关模块的简单分析。主要目的是加深我自己对webpack和node.js的认知。正文1.项目结构vue-cli的配置文件主要在build和config文件夹中，其中config文件夹主要是放一些环境变量，webpack的路径等等一些参数。| -- build