![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
碉堡飞哥
这个作者很懒,什么都没留下…
展开
-
vue项目全了解
0先安装nodejs1全局安装vue-clinpm install --global vue-cli 或(cnpm install –global vue-cli)2cd + 你想安装的路径 例如:cd /Users/liuxiaofei/Desktop/Total/work/web3安装初始项目vue init webpack+名称vue init webpack my...原创 2018-08-23 10:22:07 · 2424 阅读 · 0 评论 -
Vue:router的beforeEach与afterEach钩子函数
在路由跳转的时候,我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。定义:路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲vue里面提供了三大类钩子,两种函数1、全局钩子2、某个路由的钩子3、组件内钩子两种函数:1、Vue.beforeEach(function(to,form,next){}) /*在跳转之前执行*/2.V...转载 2019-04-28 17:39:15 · 453 阅读 · 0 评论 -
vue-cli中webpack配置之webpack.base.conf.js
var path = require('path')var utils = require('./utils')var config = require('../config')var vueLoaderConfig = require('./vue-loader.conf')// 获取根目录function resolve(dir) { return path.join(__dir...转载 2019-04-16 17:20:03 · 5361 阅读 · 0 评论 -
重看vue文档
1你看到的 v-bind 特性被称为指令。指令带有前缀 v-,以表示它们是 Vue 提供的特殊特性。<div id="app-2"> <span v-bind:title="message"> 鼠标悬停几原创 2019-02-14 11:37:28 · 149 阅读 · 0 评论 -
vue $refs的基本用法
vue $refs的基本用法<div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button></div>复制代码<script>new V转载 2019-01-16 16:28:32 · 114 阅读 · 0 评论 -
vue.js编译时给生成的文件增加版本号
vue.js在生成相关js和css文件的时候,名称是通过HASH的方式进行生成的,但是每次生成的文件基本都是一样的,那么浏览器就会缓存这些文件,为了在更新的时候能够保证js和css文件能够更新,那么我们需要针对webpack的配置文件进行修改;打开webpack.prod.conf.js文件进行如下操作1.增加版本变量(版本号暂时用时间代替)var Version = new Date()....转载 2019-01-03 14:41:36 · 1143 阅读 · 0 评论 -
element自带的表单验证
rules放在data里面充当参数:required参数表示:是否必填type类型message报错信息trigger什么时候触发校验,blur指失去焦点时触发validator是函数,指示触发条件callback(new Error('请再次输入密码'))弹出报错信息 rules:{ name:[{ requ...原创 2019-01-07 15:38:13 · 932 阅读 · 0 评论 -
vue 路由传参 params 与 query两种方式的区别
下面整理一下这两者的差别:1、用法上的刚才已经说了,query要用path来引入,params要用name来引入,接收参数都是类似的,分别是this.route.query.name和this.route.query.name和this.route.query.name和this.route.params.name。注意接收参数的时候,已经是route而不是route而不是route而不是r...转载 2019-01-17 18:05:13 · 278 阅读 · 0 评论 -
vue项目加快速度
1压缩图片2加快服务器带宽3即在config/index.js中将productionSourceMap的值修改为false,就可以在编译时不生成.map文件了productionSourceMap: false,4vue.js编译时给生成的文件增加版本号https://blog.csdn.net/qq_27064559/article/details/85695498...原创 2019-01-04 12:01:00 · 1439 阅读 · 0 评论 -
Vue补充
安装vue 脚手架 用 vue -V检查npm install -g @vue/cli原创 2018-12-12 11:26:57 · 200 阅读 · 0 评论 -
vue无缝滚动广告插件使用
//安装npm install vue-seamless-scroll --save//然后在main.js文件里面引入使用:import scroll from 'vue-seamless-scroll'Vue.use(scroll)在页面使用参考地址: https://chenxuan1993.gitee.io/component-document/index_prod#/com...原创 2018-12-17 11:32:15 · 2974 阅读 · 2 评论 -
vue关于父组件调用子组件的方法
用$ref调用直接代码:子组件:<template> <div> </div></template><script> export default { data(){ return { num:'123' } }, computed: { }...转载 2018-11-09 16:43:50 · 169 阅读 · 0 评论 -
vue项目点击图片切换
未选择的按钮class为detail-btn,选择后class为detail-btn detail-selected (注意图片变换下)html:<div class="detail-btn" @click="chooseOrder($event)"></div>css:.detail-btn{ width: .43rem; height:...转载 2018-09-11 11:09:43 · 7790 阅读 · 0 评论 -
前端常见跨域解决方案(全)
什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域: 1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3.) 脚本请求: j...转载 2018-08-31 14:15:22 · 128 阅读 · 0 评论 -
vue-router中$route 和 $router
$route对象1.1 $route 表示(当前路由信息对象)表示当前激活的路由的状态信息,包含了当前 URL 解析得到的信息,还有 URL 匹配到的 route records(路由记录)。路由信息对象:即$router会被注入每个组件中,可以利用它进行一些信息的获取。**1.$route.path** 字符串,对应当前路由的路径,总是解析为绝对路径,如 "/foo/b...转载 2019-07-18 11:04:33 · 274 阅读 · 0 评论