
vue.js
文章平均质量分 75
FireBird_one
这个作者很懒,什么都没留下…
展开
-
VUE 常见问题汇总
问题汇总Q:安装超时(install timeout)方案有这么些:cnpm : 国内对npm的镜像版本/*cnpm website: https://npm.taobao.org/*/npm install -g cnpm --registry=https://registry.npm.taobao.org// cnpm 的大多命令跟 npm 的是一致的,比如安装,卸载这些yarn...转载 2018-06-14 20:18:04 · 3327 阅读 · 0 评论 -
Axios 的使用
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。Features从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF浏览器支持 ...转载 2018-07-25 15:25:07 · 256 阅读 · 0 评论 -
vue-cli开发时使用代理跨域请求
如果前台在开发环境下可以和服务端连起来测试就好了。但是由于端口不同,所以得跨域请求了,但是前台开发完后,是不是全部URL都要改?于是搜索了一下,发现了“proxyTable”。修改config/文件夹下的index.jsdev: { proxyTable: { // proxy all requests starting with /api to jsonpla...转载 2018-08-10 15:48:28 · 587 阅读 · 0 评论 -
vue项目中使用阿里iconfont图标
方法一:简单粗暴 - 生成链接使用法1.打开 iconFont官网 选择自己喜欢的图标,并且添加购物车 点击购物车,添加至项目为了方便可以给项目起一个名字选择Font class点击“暂无代码,点此生成” 就会出现我们的链接接下来复制链接地址,在我们的vue项目中,找到index.html文件,引入css样式,记住这里要放上你的链接地址.......原创 2018-08-10 17:50:55 · 13848 阅读 · 3 评论 -
VUE 引入 babel-polyfill支持es6新语法
前两天一个首页项目,想用vue玩耍一下,就用vue-cli搭建了一套vue的开发框架完成开发、联调和上线后,问题来了chrome、ff浏览器下都能正常显示的页面,在百度浏览器下愣就显示不出来了我还以为是调用的uclogin组件包有问题呢,因为他会在url后面用?方式拼接一些formu、appid、u等参数,用于用户登录信息验证成功后redirect到要去的页面找来之前用过uclog...转载 2018-05-12 21:16:36 · 14154 阅读 · 1 评论 -
npm install 时--save-dev和--save的区别
package.json中两个字段含义简介一直在使用npm包管理器,对于npm install module --save-dev 和 npm install module --save这两个的区别做了一些浅析的理解:dependenciesdependencies属性被声明在一个简单的对象中,用来控制包名在一定的版本范围内,版本范围是一个字符串,可以被一个或多个空格分割。depen...转载 2018-05-12 16:43:00 · 689 阅读 · 0 评论 -
关于vue-cli下载到本地后,拷贝文件库到另外一台电脑上npm run dev编译报错的处理
这些天自己在用vue-cli项目,在家里的电脑下下来后写了一些demo,拿到公司继续开发的时候发现删除node_modules文件,运行npm install和npm run 百度,搜狗了好久都没有找到相应的答案,后来还是google才找到一片相关的帖子的解释,很棒。因为在一台电脑上编译后npm会有cache缓存,到另外一台电脑上编译这个项目的缓存与原缓存不一致,导致编译报错。解决: ...转载 2018-05-11 17:07:17 · 1748 阅读 · 0 评论 -
在vue中引入vuex
最近使用了一下vuex,下面是自己的心得,和遇到的坑。希望看到同学可以借鉴1,在vue-cli中加载vuex,在项目中按住shift,点击右键,调出命令行输入框。输入命令npm install vuex --save-dev2,在项目中引用vuex。建一个文件 叫 store.js/** * Created by Administrator on 2017/9/18. */...转载 2018-05-11 11:41:13 · 975 阅读 · 1 评论 -
vue2 路由懒加载配置
第一步:修改build/webpack.base.conf.js文件 修改内容: output: { path: config.build.assetsRoot, filename: process.env.NODE_ENV === 'production' ? '[name].js?[chunkhash]' : '[name].js', chunkFilena...转载 2018-05-11 11:36:51 · 1739 阅读 · 0 评论 -
VUE 安装的三种方式
Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。 下面介绍三种 Vue.js 的安装方法: 1.独立版本 我们可以在Vue.js的官网上直接下载vue.j...转载 2018-05-11 11:01:03 · 1699 阅读 · 1 评论 -
在vue中引入jquery、css-loader、style-loader、file-loader、less-loader 环境配置
步骤一:安装js依赖cnpm install jquery --save-dev 步骤二:安装css依赖cnpm install style-loader --save-devcnpm install css-loader --save-devcnpm install file-loader --save-dev 步骤三:安装less依赖npm insta...原创 2017-11-28 11:30:17 · 1176 阅读 · 0 评论 -
VUE实现打印功能的两种方法
第一种方法:通过npm 安装插件 1,安装 npm install vue-print-nb --save2,引入 安装好以后在main.js文件中引入 import Print from 'vue-print-nb' Vue.use(Print); //注册 3,现在就可以使用了 <div id="printTest...转载 2018-10-24 11:03:35 · 10572 阅读 · 12 评论 -
vue2.0使用过程常见的一些问题
Vue目前的的开发模式主要有两种:1.直接页面级的开发,script直接引入Vue2.工程性开发,webpack+loader或者直接使用脚手架工具Vue-cli,里面的文件都配置好了webpack可以进行配置,配置多文件入口,进行多页面开发第二种Vue开发,结合webpack打包完文件会很大,怎么解决这个问题?1.webpack代码拆分:code-spliting2.提取公共(如提取css,js...转载 2018-05-07 15:15:53 · 532 阅读 · 0 评论 -
vue-cli设置引入目录
打开build/webpack.base.conf.js找到module.exports下的resolve这行刚开始是这样的 resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), }...转载 2018-04-11 20:21:35 · 777 阅读 · 0 评论 -
使用淘宝镜像cnpm安装Vue.js
前言Vue.js是前端一个比较火的MVVM框架,要使用它,我们必须提前配置,其中有一种安装方式是使用npm,比较适合比较大型的应用。今天就来看看这种方式如何操作,由于npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像来安装vue.步骤首先我们需要下载npm,因为我已经提前安装了node.js,安装包里面集成了npm,然后我们就可以利用npm命令从获取淘宝镜像的c转载 2017-09-20 17:07:39 · 1290 阅读 · 0 评论 -
vue中computed 和 watch的异同
一、computed 和 watch 都可以观察页面的数据变化。当处理页面的数据变化时,我们有时候很容易滥用watch。 而通常更好的办法是使用computed属性,而不是命令是的watch回调。 这里我直接引用vue官网的例子来说明:html:我们要实现 第三个表单的值 是第一个和第二个的拼接,并且在前俩表单数值变化时,第三个表单数值也在变化"myDiv"> ty原创 2017-11-01 10:48:20 · 1847 阅读 · 0 评论 -
vue开发请求本地模拟数据的配置方法
VUE开发请求本地数据的配置,早期的vue-lic下面有dev-server.js和dev-client.js两文件,请求本地数据在dev-server.js里配置,最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替,所以 配置本地访问在webpack.dev.conf.js里配置即可。转载 2017-11-28 16:30:19 · 15899 阅读 · 3 评论 -
用npm安装vue和vue-cli,并使用webpack创建项目
一、npm 版本需要大于 3.0,如果低于此版本需要升级它:# 查看版本$ npm -v2.3.0#升级 npmcnpm install npm -g二、在用 Vue.js 构建大型应用时推荐使用 NPM 安装:# 最新稳定版$ cnpm install vue三、Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。#转载 2017-11-28 11:32:03 · 5501 阅读 · 0 评论 -
Vue 监听路由变化
watch:{ //监听路由变化 $route( to , from ){ console.log( to , from ) // to , from 分别表示从哪跳转到哪,都是一个对象 // to.path ( 表示的是要跳转到的路由的地址 eg: /home ); ...原创 2018-03-07 22:32:51 · 16518 阅读 · 1 评论 -
vue-resource 中 get / post / jsonp 三种请求方式的异同
let url = 'http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=2';let params ={ params: { username: 'zhangSan', pwd: '123456' }}// get 请求this.$http.get(url,...转载 2018-02-28 21:45:43 · 7225 阅读 · 0 评论 -
vue 自定义指令
v-textv-forv-html 指令: 扩展html语法自定义指令: 属性: Vue.directive(指令名称,function(参数){ this.el -> 原生DOM元素 }); <div v-red="参数"></div> 指令名称: v-red -> red * 注意: 必须以 v-开头...原创 2018-03-05 20:50:41 · 225 阅读 · 0 评论 -
vue 自定义键盘信息
@keydown.up@keydown.enter@keydown.a/b/c....自定义键盘信息: Vue.config.keyCodes.ctrl=17; Vue.config.keyCodes.myenter=13;原创 2018-03-05 20:56:18 · 1124 阅读 · 0 评论 -
vue 自定义组件的写法与用法
最近在网上看到很多大神都有写博客的习惯,坚持写博客不但可以为自己的平时的学习做好记录积累 无意之中也学还能帮助到一些其他的朋友所以今天我也注册一个账号记录一下学习的点滴!当然本人能力实在有限写出的文章可能和大神们不能比拟 如果有什么不专业甚至是错误的地方还请大家指正!好了说了这么多那么下面进入正题^_^在网上经常看到有朋友在问自己能不能写vue组件 如果可以怎么应用到自己的项目之中呢!我觉得吧这个...原创 2018-03-06 14:24:14 · 1667 阅读 · 0 评论 -
vue router.beforeEach(({meta, path}, from, next)与router.afterEach((to, from)
导航和钩子函数:导航:路由正在发生改变 关键字:路由 变钩子函数:在路由切换的不同阶段调用不同的节点函数(钩子函数在我看来也就是:某个节点和时机触发的函数)。钩子函数 主要用来拦截导航,让它完成跳转或取消,在导航的不同阶段来执行不同的函数 ,最后钩子函数的执行结果会告诉导航怎么做。。导航在所有钩子 resolve 完之前一直处于 等待中,等待钩子函数告诉它下一步该怎么做。用next()来...转载 2018-04-15 16:32:28 · 10052 阅读 · 1 评论 -
vue中的 ref 和 $refs
vue中的 ref 和 $refs如图,ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例:在上面的例子中,input的引用信息为input1 ,$refs 是所有注册过的ref的一个集合,console.log(this.$refs.input1)//<...转载 2018-04-16 11:50:37 · 6514 阅读 · 0 评论 -
VUE 地区三级联动插件 v-Distpicker
V - Distpicker 地区选择器环境问题不多说,自己看文档,主要讲一下在实际使用过程中如何将下拉框的值赋值到对象属性上.文档: https://distpicker.uine.org/github: https://github.com/jcc/v-distpicker ...转载 2018-12-10 20:44:22 · 2086 阅读 · 1 评论