![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
前端的小恬儿妹
做前端的90后妹子。还望各路大神带路!!
展开
-
Vue 之 开发环境的搭建
关于vue环境的搭建,这里强烈推荐官方命令行工具。这个命令行工具可快速下载一套基于vue.js开发的模板。里面不仅包含了最基础的vuejs的一个框架,而且还包含了vuejs打包的工具,以及测试的工具。所以非常的简单。• 如何安装vue.js的命令行工具NPMnpm是node的包管理工具。现在很多前端项目都会用到它,同时你是Windows系统的话,还需手动安装git,如果没有安装过node或者git的原创 2017-10-09 14:19:06 · 950 阅读 · 0 评论 -
解决关于创建vue项目时vue init出现的报错
正月十四原创 2018-03-01 10:08:03 · 3405 阅读 · 4 评论 -
6.6
6666666原创 2018-06-06 16:46:17 · 174 阅读 · 1 评论 -
利用 vue 过渡效果(transition)定时器 实现轮播
轮播图 相信都不会陌生,很多的网站都会有,本文就是用 vue 自带的 transition 动画过渡效果加上定时器来编写一个轮播图。1、功能分析。从轮播常用功能来说有四个功能:自动的轮播的功能; 点击左右箭头(pre、next)进行的切换; 点击数字切换到对应的图片的功能; 鼠标悬停、移出控制轮播图的开始、暂停;2、场景介绍、分析。环境是 vue 组件的形式,轮播图模块是以...原创 2018-03-17 10:24:19 · 3481 阅读 · 0 评论 -
json-server模拟服务器API测试数据的使用方法
emmmmmmm原创 2018-03-07 09:48:21 · 919 阅读 · 0 评论 -
解决Vue.js遇到的问题--Eslint
eslint是语法检查工具,限制太过于严格。所以在产生了这个需求的时候,如果不符合规范就会报错,有时候我们不想按照他的规范去写。这时我们需要关闭eslint。这里有两种方法。在搭建vue脚手架时提示是否启用eslint检测 。 Use ESLint to lint your code? n如果项目已经生成,还可以这样:在项目中打开 目录下bulid 文件夹中的 webpack.base.con原创 2018-01-10 09:05:48 · 4072 阅读 · 0 评论 -
Vue2 + webpack 项目实战(一)环境搭建
1 、 准备工作首先,在开始做项目之前,还是需要把项目的环境搭建好。(我这里是Windows环境)安装好nodejs 之后,在终端输入命令node -v 会出现相应版本号。就说明安装成功了。输入npm -v也会有相应版本号出现,npm也已经安装好了。以上都是全局安装安装了Node.js 环境。那么就可以开始项目的前期搭建工作了 2 、 vue-cil构建项目Vue-cli是快速构建这个原创 2018-01-08 11:18:29 · 373 阅读 · 0 评论 -
vue中npm run dev 不能自动打开浏览器运行项目
最近用vue2.0 + webpack搭建了环境创建新的项目。出现一个很蹩脚的问题:这段话的意思是:你的应用程序运行地址是:http://localhost:8080但是,在之前 运行npm run dev 之后会默认自动打开浏览器运行的。百度之后,找到了解决的办法: 找到根目录下config文件夹下index.js文件autoOpenBrowser: true, //是否默认打开浏览器,默原创 2018-01-16 10:43:13 · 4886 阅读 · 2 评论 -
vue2.0 + webpack 引用bootstrap打包后出现的问题
vue2.0的项目里如何引用bootstrap?(配置vue环境等步骤在此略过,大家可以去本篇文章学习搭建vue-cli环境预热部分Vue2 + webpack 项目实战(一)环境搭建)好,下面上货。 1、首先按照上面文章中的内容,新建一个vue工程。 2、命令行找到你创建的工程目录下,使用命令npm install jquery –save-dev 引入jquery。 注:如果想查看np原创 2018-01-11 09:20:02 · 830 阅读 · 2 评论 -
基于vue-cli打包出现的问题
因为不可能将创建的项目直接部署上去,需要将页面打包。打包命令为:npm run build打包完成之后,会在根目录下生成一个dist文件夹,这就是最后的成品页面,在打包好的最底下为什么会看到两行警告的内容当直接使用浏览器打开文件时,浏览器控制台会报错很多资源都加载失败,仔细看一下路径,绝对路径。E盘下哪有static文件夹,那就要将打包的路径改为相对路径,这个根据build命原创 2017-12-25 12:01:57 · 452 阅读 · 1 评论 -
v-bind 绑定标签属性
v-bind 主要用于属性绑定v-bind指令可以在其名称后面带一个参数。中间是一个冒号隔开。例如比较常用的是v-bind:class。由于比较常用,所以有缩写的用法:缩写的语法:<a :href="link">To BaiDu</a>完整的语法:<a v-bind:href="link">To BaiDu</a>JS代码:<script> export default {原创 2017-12-15 17:01:10 · 848 阅读 · 0 评论 -
贝赛尔曲线 在线生成
在前端开发过程中Canvas应用也愈发的广泛。当然也不可避免贝赛尔曲线的制作。简单粗暴的线上生成贝赛尔曲线。 传送门原创 2017-12-22 09:10:00 · 837 阅读 · 0 评论 -
自称宝宝的都可以过儿童节
占位占位原创 2018-06-01 14:20:35 · 222 阅读 · 0 评论