vue
lxy123456780
这个作者很懒,什么都没留下…
展开
-
vite构建项目
官网地址vite官网构建项目# npm 6.xnpm init vite@latest my-vue-app --template vue# npm 7+, 需要额外的双横线:npm init vite@latest my-vue-app -- --template vue# yarnyarn create vite my-vue-app --template vue# pnpmpnpm create vite my-vue-app -- --template vue上面代码失原创 2022-01-18 15:37:10 · 701 阅读 · 0 评论 -
我遇到的面试题2021.5
this的指向都有哪些情况可以修改new的this的指向吗?js实现继承的方式都有哪些?你都封装过什么组件?如何实现的?类中的方法存在于什么上?为什么属性不在原型上?重排重绘的区别BFC的概念,如何实现BFC开发中遇到手机和电脑的兼容性开发中手机端的兼容性,手机端点击延迟是什么原因,如何解决?css如何实现三角形,扇形自己实现一个toast类自己实现一个手风琴效果的折叠面板点击加入购物车的抛物动画如何实现,疯狂点击,如何实现很多个东西加入购物车,且要做到性能优化如何实现图片懒加载.原创 2021-05-25 11:14:53 · 84 阅读 · 0 评论 -
vue加animation.css动画
npm装一个animation.css插件npm install animate.css --save在main.js中加上css的引用import 'animate.css'在想要加动画的元素上加上类,animate__animated 是基础类必须加,后面的是动画样式类,可以选择很多,具体参考animation.css官网<h1 class="animate__animated animate__bounce">An animated element</h1&..原创 2020-07-07 15:30:35 · 832 阅读 · 0 评论 -
ElementUI按需引入各种组件
ElementUI按需引入各种组件一、首先按需引入前奏安装element-uinpm i element-ui -S.安装按需引入必要插件npm install babel-plugin-component -D修改.babelrc 如果是vueCli3 则修改babel.config.jsmodule.exports = { presets: ["@vue/app"], plugins: [ // element官方教程 [ "compo原创 2020-07-06 17:41:14 · 11962 阅读 · 2 评论 -
vue2.0路由切换后页面滚动位置不变
vue2.0路由切换后页面滚动位置不变解决办法:在App.vue文件中加上路由监听export default { watch:{ '$route':function(to,from){ document.body.scrollTop = 0; document.documentElement.scrollTop = 0; } },}...原创 2020-06-28 16:18:11 · 665 阅读 · 0 评论 -
Vue中全局变量Global
src目录下创建一个api文件夹,api文件夹下创建global.jsglobal.js中:let color = { 'bgColor':'', 'xColor':'#4F5E94', 'fontC':'', 'barC':'#89C04B', }export default {color}在main.js中引入import Global from...原创 2019-04-08 14:33:21 · 4399 阅读 · 0 评论 -
vue引入elementUI部分组件库
在main.js中 import {Cascader} from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.component(Cascader.name, Cascader);然后就可以正常使用啦原创 2019-04-02 16:53:13 · 1410 阅读 · 0 评论 -
搭建vue项目
vue init webpack projectNamenpm install sass-loader --savenpm install node-sass --savenpm run start原创 2019-04-02 14:12:49 · 137 阅读 · 0 评论 -
Vue中输入框只能输入整数和小数
在main.js中写一个指令 //限制只能输入正整数,不包含小数 Vue.directive('enterNumber', { inserted: function (el) { el.addEventListener("keypress",function(e){ e = e || window.event; let charcode = ty...原创 2019-04-10 10:47:22 · 3931 阅读 · 7 评论 -
vue中点击节点获取节点的位置
在节点绑定点击事件<div @click="posilDiv($event)"></div>posilDiv(event){ var DOM = event.currentTarget; // 获取节点距离浏览器视口的高度 var top = event.currentTarget.getBoundingClientRect().top; // 获取节点距离浏览...原创 2019-03-05 17:01:09 · 5670 阅读 · 0 评论 -
$emit传递多个参数
$emit传递一个参数时子组件:this.$emit('closeChange',false);父组件:<posilCom @closeChange="closeCom($event)"></posilCom>closeCom(msg) { this.msg = msg;}$emit传递多个参数时子组件:this.$emit('closeChange'...原创 2019-02-20 17:58:14 · 32235 阅读 · 1 评论