vue
关注
分享
扫一扫
今晚打老虎...
你猜
展开
-
vue 引入公共样式的三种方法
1、在入口js文件main.js中引入，一些公共的样式文件，可以在这里引入。 import Vue from 'vue' import App from './App' // 引入App这个组件 import router from './router' /* 引入路由配置 */ import axios from 'axios' import '../static/css/base.css' /*引入公共样式*/ 2、在index.html中引入 <!DOCTYPE html> <ht转载 2021-01-11 10:07:29 · 3732 阅读 · 0 评论 -
vue自定义指令，比onerror更优雅的方式实现当图片加载失败时使用默认图，提供三种方法
转载地址：https://blog.csdn.net/t6546545/article/details/88627171 在线体验地址：https://hxkj.vip/demo/vueImgOnerror/ 一、常规方法解决 我们都知道，img标签支持onerror事件，在装载文档或图像的过程中如果发生了错误，就会触发onerror事件。可以使用一张提示错误的图片代替显示不了的图片。 例如这...原创 2019-06-19 08:35:05 · 694 阅读 · 0 评论 -
vue-公共方法两种方式
第一种全局方式 1.要调用的方法 //方法1 export default { times:()=>{ console.log("方法1"); } } //方法2 const configFun = function(){ console.log("方法2"); }; export {configFun} 2.在min.js中引入,地址自定 im...原创 2019-06-14 10:47:14 · 1796 阅读 · 0 评论 -
vue项目移动端预览
1.Win+R，输入cmd启动命令行工具，输入ipconfig查看本机ip 2.本机ip替换config>index.js>host>localhost， 3.在手机浏览器输入地址即可预览原创 2019-06-03 11:17:00 · 768 阅读 · 0 评论 -
vue中使用公用的提示弹层、加载loading
转载地址 效果展示 1.创建提示框和loading组件 loading组件 <template> <div class="loading" v-show="loading"> <img src="./loading.gif"> </div> </template> <script>...转载 2019-06-14 16:48:15 · 4642 阅读 · 0 评论 -
vue--better-scroll
better-scroll中文文档原创 2019-06-20 08:20:23 · 129 阅读 · 0 评论 -
vue~全局过滤器的注册和使用
1.创建过滤器 filters.js // 转小写 let lower = value => value.toLowerCase(); // 转大写 let upper = value => value.toUpperCase(); let currencyStyle = (value, style) => { // 货币格式 /** * style: * ...转载 2019-06-04 18:08:34 · 853 阅读 · 0 评论 -
vue路由、重定向
export default new Router({ mode:"history",//去除地址中的# base: '/dist/', routes: [ // {path:"/",redirect:'/home/basicUse'},//重新定向 {path:"/",redirect:{name:'basicUse'}},//重新定向 {path: '/ho...原创 2019-06-11 14:08:59 · 303 阅读 · 0 评论 -
vuex基本使用
1.安装vuex npm install vuex --save 2.创建一个store.js文件 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const state = { count: 0 } export default new Vuex.Store({ state }) 3.在min.js...原创 2019-06-17 11:09:28 · 341 阅读 · 0 评论 -
vue路由传参
转载地址 1：配置路径rutes export default new Router({ routes: [ { path: '/testVueRouter', name: 'TestVueRouter', component: TestVueRouter }, { path: '/testVueRouterTo', ...转载 2019-06-18 10:35:34 · 104 阅读 · 0 评论 -
vue~axios
转载地址 1.使用axios首先要下载axios模块包 cnpm install axios --save 2.在main.js导入： // 引入axios，并加到原型链中 import axios from 'axios'; Vue.prototype.$axios = axios; import QS from 'qs' Vue.prototype.qs = QS; 3.封装好的axios...转载 2019-06-06 17:19:11 · 145 阅读 · 0 评论 -
vue-awesome-swiper 的使用
转载地址 1. 安装 vue-awesome-swiper cnpm install vue-awesome-swiper --save 2.引用 引入 vue-awesome-swiper 的两种方式 全局引入 可以直接使用全局引入，引入代码如下： import Vue from 'vue' import VueAwesomeSwiper from 'vue-awesome-swiper'...转载 2019-06-13 09:52:58 · 421 阅读 · 0 评论 -
vue创建
一.vue项目安装 1.安装node,npm 2.安装vue-cli脚手架 cnpm install vue-cli -g 或 npm install -g @vue/cli-init 3.初始化项目 vue init webpack .(.代表当前位置，name创建项目) 4.安装各种依赖 npm install 5.运行项目 npm run dev 自动打开浏览器 config→index.j...原创 2019-04-08 16:36:10 · 165 阅读 · 0 评论 -
使用scss或less（包括在vue中使用）
在vue中使用scss或less 一：在vue中使用 01.npm install sass-loader node-sass --save-dev 02. 03.可以使用啦… 二：平时使用 0.1安装ruby https://rubyinstaller.org/downloads/ 安装步骤：https://www.sass.hk/install/ 注：添加国内淘宝源使用 gem sources...翻译 2019-04-08 16:51:35 · 1521 阅读 · 0 评论 -
vue中使用jquery和boostrap
1.输入 npm install jquery --save-dev 用npm下载jq依赖、 2.找到build文件夹下的webpack.base.conf.js文件打开，修改配置： (1)加入webpack对象： const webpack=require(‘webpack’); (2)在module.exports里面加入： plugins: [//(和module、resolve同级) n...转载 2019-04-08 16:56:01 · 169 阅读 · 0 评论 -
vue项目中使用lib-flexible解决移动端适配的问题
01、项目中安装lib-flexible cnpm install lib-flexible --save 02、在main.js中引入lib-flexible import 'lib-flexible/flexible' 03、安装px2rem-loader cnpm install px2rem-loader 04、配置px2rem-loader const px2remLoader...原创 2019-05-30 10:36:40 · 712 阅读 · 0 评论 -
vue~上拉加载、下拉刷新
还是直接看demo吧原创 2019-06-12 15:08:01 · 210 阅读 · 0 评论 -
vue父传子、子传父、兄弟组件传参
父传子 父组件 <fatherTheSon class="fatherTheSon_box" :lists="'今晚打老虎'"></fatherTheSon> import fatherTheSon from '@/page/father_the_son' export default { components: { fatherThe...原创 2019-05-31 16:24:29 · 2738 阅读 · 0 评论 -
vue中element-ui的使用
测试01 首先第一步是下载：npm i element-ui –S 第二步骤：在main.js中引入js和css import ElementUI from ‘element-ui’; import ‘element-ui/lib/theme-chalk/index.css’;转载 2019-02-22 19:06:53 · 207 阅读 · 0 评论