![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
前端向朔
学习-撕裂-成长-变强
展开
-
重读Vue文档
基础教程全局只有一个的 new Vue() 里面的 data 可以采用属性的写法,但是在其他组件里面,这里就不能直接这样写了,需要写成函数,并且把数据 return 出来,这样是因为定义的某个组件有可能会多次创建,如果还是采用属性的写法,会造成多个组件之间,数据是同一个引用,造成混乱和错误。var app = new Vue({ el: '#app', data: { me...原创 2020-04-19 11:42:52 · 510 阅读 · 0 评论 -
Vue / Nuxt 项目如何使用 swiper / lazyload
本文为框架/工具/插件使用记录。主要介绍在 Vue 2.X 项目和 Nuxt.js 项目中如何使用 vue-awesome-swiper 和 vue-lazyload。原创 2018-12-24 14:47:32 · 7083 阅读 · 2 评论 -
Nuxt项目如何配置使用 Sass/postcss-px2rem/webpack-spritesmith
接上篇《Vue-Cli 3.0 如何配置使用 Sass/postcss-px2rem/webpack-spritesmith》如果Vue项目考虑实现SSR服务端渲染的话,Nuxt是很好的选择,Nuxt帮我们做了很多工作,让我们实现SSR就像配置一样简单。还是同样的问题,如果需要在Nuxt项目开发过程中整合重构流程该怎么做?如何使用Sass跟 Sass 有关的就两个东西,sass-loade...原创 2018-12-13 21:40:11 · 3159 阅读 · 1 评论 -
Vue-Cli 3.0 如何配置使用 Sass/postcss-px2rem/webpack-spritesmith
背景前段时间,我由 重构/UI开发 转岗前端开发,之前直接在重构自己的目录下输出静态CSS样式和HTML,现在变成直接在Vue-Cli 3.0 脚手架构建的项目下进行开发,这就需要在现有前端开发流程中整合重构流程。我们之前重构是通过 gulp、postcss 等工具实现自动化处理及组件化开发,比如样式自动补全(配置浏览器兼容参数)autoprefixer、HTML 文件引入 gulp-file...原创 2018-12-13 20:18:13 · 3988 阅读 · 0 评论 -
我的第一个Chrome小插件-基于vue开发的flexbox布局CSS拷贝工具
概述之前介绍过 移动Web开发基础-flex弹性布局(兼容写法) 里面有提到过想做一个Chrome插件,来生成flexbox布局的css代码直接拷贝出来用。最近把这个想法实现了,给大家分享下。play-flexbox插件介绍play-flexbox一秒搞定flexbox布局,可直接预览效果,拷贝CSS代码快速用于页面重构。 你也可以通过点击以下链接(codepen示例)查原创 2018-01-05 21:55:15 · 3067 阅读 · 0 评论 -
Vue.js——60分钟快速入门
Vue.js介绍Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。它通过一些特殊的HTML转载 2016-11-10 23:52:26 · 3314 阅读 · 10 评论 -
Vue.js系列之vue-router(上)(3)
说明:我们项目现在用的是:vue2.0 + vue-cli + webpack + vue-router2.0 + vue-resource1.0.3 如果大家在实践的过程中与本文所说的内容有较大区别的话看看是不是版本问题。本文是一系列文章,在我对Vue有了更深刻的理解认识之后会对文章及时进行修改或更正。欢迎大家批评指出错误。以下是已完成的文章列表。 1.Vue.js系列之项目搭建原创 2017-01-03 07:55:25 · 8213 阅读 · 0 评论 -
Vue.js系列之vue-resource(6)
说明:我们项目现在用的是:vue2.0 + vue-cli + webpack + vue-router2.0 + vue-resource1.0.3 如果大家在实践的过程中与本文所说的内容有较大区别的话看看是不是版本问题。 本文是一系列文章,在我对Vue有了更深刻的理解认识之后会对文章及时进行修改或更正,欢迎大家批评指出错误。以下是已完成的文章列表。 1. Vue.js系列之项目搭建(原创 2017-01-08 22:13:12 · 32426 阅读 · 7 评论 -
Vue.js系列之vue-router(下)(5)
说明:我们项目现在用的是:vue2.0 + vue-cli + webpack + vue-router2.0 + vue-resource1.0.3 如果大家在实践的过程中与本文所说的内容有较大区别的话看看是不是版本问题。 本文是一系列文章,在我对Vue有了更深刻的理解认识之后会对文章及时进行修改或更正。欢迎大家批评指出错误。以下是已完成的文章列表。 1. Vue.js系列之项目搭建(原创 2017-01-05 21:17:12 · 12926 阅读 · 2 评论 -
Vue.js系列之vue-router(中)(4)
说明:我们项目现在用的是:vue2.0 + vue-cli + webpack + vue-router2.0 + vue-resource1.0.3 如果大家在实践的过程中与本文所说的内容有较大区别的话看看是不是版本问题。 本文是一系列文章,在我对Vue有了更深刻的理解认识之后会对文章及时进行修改或更正。欢迎大家批评指出错误。以下是已完成的文章列表。 1. Vue.js系列之项目搭建(原创 2017-01-03 17:55:57 · 15157 阅读 · 0 评论 -
Vue.js系列之项目结构说明(2)
说明: 我们项目现在用的是:vue2.0 + vue-cli + webpack + vue-router2.0 + vue-resource1.0.3 如果大家在实践的过程中与本文所说的内容有较大区别的话看看是不是版本问题。 本文是一系列文章,在我对Vue有了更深刻的理解认识之后会对文章及时进行修改或更正。欢迎大家批评指出错误。以下是已完成的文章列表。 1.Vue.js系列之项目搭建(原创 2016-12-25 00:07:53 · 31434 阅读 · 3 评论 -
Vue.js系列之项目搭建(1)
今天要讲讲Vue2.0了。最近将公司App3.0用vue2.0构建了一个web版,因为是第一次使用vue,而且一开始使用的时候2.0出来一个月不到,很多坑都是自己去踩的,现在项目要上线了,所以记录一些过程。 (这是首页目前的效果图) 项目搭建具体步骤如下:1.安装node 到官网下载安装,我这里是win7系统。 (中)https://nodejs.org/zh-cn/ (英)https原创 2016-12-24 17:26:08 · 13588 阅读 · 1 评论