![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
关于在学习vue中遇到的问题分享
木讷的小陈
学习学习学习
展开
-
前端常用知识合集
去掉input标签获取焦点时的默认黑色边框项目错误解决之node-sass可以用css控制列显示瀑布流的效果关于列的属性原创 2022-07-14 10:39:59 · 125 阅读 · 1 评论 -
vue中的事件修饰符
vue中的事件修饰符1.prevent:阻止默认事件(常用)<a href="http://www.baidu.com" @click.prevent="showinfo"></a>2.stop:阻止事件冒泡(常用)*{ margin-top: 20px;}.demo1{ height: 50px; background-color: skyblue;}<div class="demo1" @click="showInfo"> <butto原创 2021-07-27 14:41:13 · 904 阅读 · 0 评论 -
实现鼠标移入盒子上移
实现鼠标移入盒子上移.moreBox { width: 100%; min-height: 400px; padding: 50px; font-size: 12px; color: #666; overflow: hidden; display: flex; flex-wrap: wrap; ul { margin: 0; padding: 0; width: 30%; li {原创 2021-06-03 09:04:53 · 660 阅读 · 0 评论 -
项目上线步骤
项目上线1.通过node 创建web 服务器npm init -y(初始化一个包管理配置文件)npm i express -S (第三方包)把dist 放到上线项目中去新建一个app.js入口文件const express = require('express')//创建web服务器const app = express()//托管静态资源app.use(express.static('./dist'))//启动web服务器app.listen(8081, () => {原创 2021-06-03 10:43:52 · 249 阅读 · 0 评论 -
路由懒加载
路由懒加载方法步骤A.安装路由懒加载插件@babel/plugin-syntax-dynamic-importB.在babel.config.js文件中声明该插件C.打开router.js,将路由组件从按需加载更改为懒加载import Login from ‘./components/Login.vue’ 更改为const Login = () => import(/* webpackChunkName:“login_home_welcome” */ ‘./components/Lo原创 2021-06-01 14:41:46 · 116 阅读 · 0 评论 -
项目优化操作
项目优化操作1.为开发模式和发布模式指定不同的打包入口开发模式的入口文件为 src/main-dev.js发布模式的入口文件为 src/main-prod.js1.1.修改打包入口可以通过 configureWebpack 和 chainWebpack 节点来定义webpack的打包配置configureWebpack 通过操作对象的形式修改配置chainWebpack 通过链式编程的形式修改配置2. 通过externals 加载外部CDN资源同时,需要在public/inde原创 2021-06-01 13:44:21 · 95 阅读 · 0 评论