随笔分类 - Vue
vuejs
摘要:滚动条 created(){ document.addEventListener('scroll', this.handleScroll) }, beforeDestroy () { document.removeEventListener('scroll', this.handleScroll);
阅读全文
摘要:1.新建组件mmGoTop.vue <template> <div id="goTop"> <div class="goTop" v-show="goTopShow" @click="goTop"> <i class="el-icon-caret-top goTopIcon"></i> </di
阅读全文
摘要:https://blog.csdn.net/mossbaoo/article/details/89519726 普通使用使用深度选择器,将scoped样式中的选择器“深入”,即影响子组件 <style scoped> .a >>> .b { /* ... */ } </style> 以上的代码会编译
阅读全文
摘要:注册组件 注册全局组件的2种方法 第一种:在main.js中直接注册 //引入 import GlobalA from '@/components/GlobalA.vue' //注册为全局组件 Vue.component('GlobalA',GlobalA) //页面直接使用 // <GlobalA
阅读全文
摘要:vue 课件版本 vuejs 2.6x vue-cli 3.x 目录 2-1 01课 vue组件化 2-2 02课 vue全家桶 0:00
阅读全文
摘要:vue里面路由传参的三种方式 https://www.cnblogs.com/houjl/p/10122124.html
阅读全文
摘要:现在 vue中和后台交互,首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插 > <script src="../js/vueJs/vue-resource.js"></script> vue的get请求 funct
阅读全文
摘要:1.vue2父子组件双向数据传递 https://segmentfault.com/a/1190000011783590 2.vue父组件通过props向子组件传递方法的方式 https://segmentfault.com/a/1190000010507616 vue 父子组件传值,兄弟组件传值
阅读全文
摘要:一、 简介 1、vue本身不支持发送AJAX请求,需要使用vue-resource(vue1.0版本)、axios(vue2.0版本)等插件实现 2、axios是一个基于Promise的HTTP请求客户端,用来发送请求,也是vue2.0官方推荐的,同时不再对vue-resource进行更新和维护 3
阅读全文
摘要:轻量、可靠的移动端 Vue 组件库 https://youzan.github.io/vant/#/zh-CN/intro postcss-pxtorem vue:将px转化为rem,适配移动端vant-UI等框架 https://www.jianshu.com/p/220a186cc033 Dat
阅读全文
摘要:镜像源替换 //查看镜像源使用状态: npm get registry //全局切换镜像源: npm config set registry http://registry.npm.taobao.org //全局切换官方镜像源 npm config set registry https://regi
阅读全文
摘要:vue-cli3 css使用 px2rem适配 https://blog.csdn.net/m0_37846579/article/details/89036507 vue-cli3 scss使用 px2rem适配 https://www.jianshu.com/p/1613b599d5be vue
阅读全文
摘要:mpvue是一个使用 Vue.js 开发小程序的前端框架 http://mpvue.com/ sass的使用 https://segmentfault.com/q/1010000014194954 1.初始化一个mpvue项目 每次都要先运行 npm run dev 2.目录 dist里的内容为生成
阅读全文
摘要:指令 v-model :给input绑定,配合computed属性可以输入改变值,配合methods属性可以点击按钮改变值 v-for : li循环生成数组,记得绑定key
阅读全文
摘要:chrome 扩展程序 vue.js devtools vue-devtools的安装与使用 https://blog.csdn.net/weixin_43843572/article/details/124980771 vue-devtools 具体使用配置详情 https://blog.csdn
阅读全文
摘要:vue-router 官网:https://router.vuejs.org/zh/installation.html 参考网址:https://www.cnblogs.com/SamWeb/p/6610733.html 导航守卫 https://router.vuejs.org/zh/guide/
阅读全文
摘要:better-scroll better-scroll 是一款重点解决移动端(现已支持 PC 端)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。 bette
阅读全文
摘要:1.组件引入css。 例:test.vue引入swiper.min.css | -- src | | -- components | | -- test | | -- test.vue | | -- css | | -- swiper.min.css 组件所在处为相对位置。 2.全局安装vue-cl
阅读全文
摘要:router-link两种方式传递参数(params,query) <template> <div> <!-- 路由 --> <div> <!-- query方式 --> <router-link :to="{path:'/page1',query:{username}}">page1</route
阅读全文
摘要:video 7 vue问题:论坛http://bbs.zhinengshe.com UI组件别人提供好一堆东西 目的: 为了提高开发效率功能 原则: 拿过来直接使用 vue-cli -> vue-loader //创建项目vue init webpack-simple bootstrap-demo
阅读全文