![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-js
豆i浆
我知道自己帅 ,别夸我 我面红
展开
-
Vue.js基本指令
这篇文章主要为大家详细汇总了Vue.js常用指令及使用方法,包括v-if、v-for、v-show、v-bind、v-on等指令,具有一定的参考价值,感兴趣的小伙伴们可以参考一下有时候指令太多会造成记错、记混的问题,所以本文在记忆的时候会采用穿插记忆的方式,交叉比对,不易出错。本文主要讲了一下六个指令:v-ifv-showv-elsev-forv-bindv-onv-if 条件渲染指令,原创 2017-05-24 11:48:48 · 940 阅读 · 0 评论 -
Vue2.5.x --- 获取元素文本内容
比方需要拿到这个H2标签的文本内容<h2>Ecosystem</h2>那么先给这个元素加个触发事件<h2 v-on:click="greet">Ecosystem</h2>然后在methods中添加事件函数methods: { greet: function (even原创 2018-05-30 17:33:45 · 4966 阅读 · 1 评论 -
Vue2.5.x --- 使用axios解决跨域问题
若未安装axios请先安装:(推荐使用npm进行安装)npm i axios --save第一步:在main.js文件中配置相关 在这当中,Vue.prototype.xx都是全局变量 是可以自定义的第二步:在config文件夹中index.js配置相关 找到proxyTable: {},然后在里面配置相关proxyTable: { '/api': ...原创 2018-05-30 15:17:44 · 5511 阅读 · 9 评论 -
vue2.5.x --- 监听路由变化
代码如下:export default { data () { return { } }, methods: { //路由地址发生变化,导航栏对应位置高亮 fetchDate () { console.log('路由发生变化了') } }, watch: ...原创 2018-06-12 16:22:56 · 1070 阅读 · 0 评论 -
Vue2.5.x --- 点击路由跳转后刷新页面仍然停留在之前的路由页面解决方法
处理前的情况,页面刷新也会停留在之前跳转的路由页面:处理后的情况,页面刷新后页面会跳转至默认页面(默认页面为热映): 本文使用的是mint ui框架需要下载并引用才能与博文中样式一致代码部分:<template> <div id="app"> <router-view/> &l原创 2018-06-12 16:19:01 · 14797 阅读 · 0 评论 -
Vue2.5.x --- 星级评分显示(评分为10分制,带小数点)
效果预览: 所需素材:满星 和 未满星各一张因为考虑到复用问题,所以将其写成组件,子组件代码如下<template> <ul> <li v-for="(item, index) in starArr" :key="index"> <img :src="[ item == 0 ? star...原创 2018-06-12 09:33:14 · 5844 阅读 · 0 评论 -
Vue.js或Nuxt.js报错Module build failed: Error: No parser and no file path given, couldn't infer a parse
npm run dev 时报错解决方法命令行输入:npm i prettier@~1.12.0然后在npm run dev原创 2018-05-28 17:56:34 · 1147 阅读 · 0 评论 -
Vue2.0 --- vue-cli脚手架中全局引入JQ
在使用Vue过程中或许下有一些插件出现BUG或者因为一些插件只有JQ有,而不得不在Vue中引入JQ,那么下面就是JQ全局引入的方法第一步:安装jQuerynpm/cmpn方式安装(默认安装1.7.X版本的JQ)npm/cnpm install jQuery如果想安装更高版本的JQ那么可以选择在package.json文件下面这个位置添加代码断(当前图片安装的是2.2.3版本,如果想安装更高或者其他原创 2017-10-01 21:26:28 · 1777 阅读 · 0 评论 -
Vue2.0设置全局样式(less/sass和css)
为Vue设置全局样式需要几个步骤第一:在src目录下的main.js,也就是入口文件里面添加下面代码require('!style-loader!css-loader!less-loader!./common/less/index.less')在Vue1.0版本中可以这样写,但是2.0版本中就不行,会报错提示解析错误require('./common/less/index.less')第二步:在bu原创 2017-06-06 16:16:55 · 32408 阅读 · 4 评论 -
学习VUE2.0入门到进阶路线推荐
1.首先建议先去看VUE的官方手册看一遍 每一个部分都仔细思考理解一下:https://cn.vuejs.org/v2/guide/2.看完之后或许你需要巩固一下看完的知识或者说你没太理解手册里面的内容可以去这里巩固巩固,当中有一些是VUE1.0版本的教程 不过不要紧 一些代码你没实现的话可以去查手册 顺便当作提升你VUE1.0迁移VUE2.0的能力:http://www.jb51.net/Spec原创 2017-09-24 20:38:55 · 930 阅读 · 2 评论 -
Vue2.0 -- Eslint 规则说明
"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作用转载 2017-09-06 14:31:19 · 2843 阅读 · 0 评论 -
Vue2.0中使用less给元素添加背景图片出现的问题
在使用less在Vue.js中给元素添加背景图片时 或者你会出现这样的写法background-image: url('../img/' + @{bg_url} + '2x.png');或者这样background-image: url('../img/' + @bg_url + '2x.png');这样background-image: url(../img/@{bg_url}2x.png);还有原创 2017-06-07 21:07:07 · 13509 阅读 · 1 评论 -
vue2.0详细目录结构注解
sell # 项目根目录名称 —-build #(webpack配置相关) —-config #(webpack配置相关) —-node_modules #npm install 安装的依赖代码库 —-src #存放项目源码 —-static #存放第三方静态资源 ————.gitkeep #为了当static目录为空Git也可以原创 2017-06-04 13:32:00 · 2685 阅读 · 0 评论 -
Vue.js(过滤器)
Vue.js 中的过滤器基础过滤器是一个通过输入数据,能够及时对数据进行处理并返回一个数据结果的简单函数。Vue有很多很便利的过滤器,可以参考官方文档, http://cn.vuejs.org/api/#过滤器 ,过滤器通常会使用管道标志 “ | ”, 比如:{{ msg | capitalize }}// 'abc' => 'ABC'uppercase过滤器 : 将输入的字符串转换成大写转载 2017-05-24 21:03:17 · 597 阅读 · 0 评论 -
Mint Ul --- 制作A-Z字母排序的城市选择列表
效果图如下:项目文件存放路径图: pinying.js 和 city.json文件下载传送门所有代码如下:&amp;lt;template&amp;gt; &amp;lt;mt-index-list&amp;gt; &amp;lt;mt-index-section v-for=&quot;letter in citySortArr&quot;原创 2018-06-08 15:29:30 · 5686 阅读 · 0 评论