vue
L?z ^f my
这个作者很懒,什么都没留下…
展开
-
vue测试环境 devtools 查看
在控制台中 $() 相当于 document.querySelector()原创 2023-11-07 16:04:53 · 330 阅读 · 0 评论 -
vue 项目打印时去掉页眉页脚
vue 项目打印时去掉页眉页脚背景: 项目构建:vue + elementUI 框架;应用场景:在查看简历时,可以点击打印当前简历,为了简洁,然后需去除页眉页脚等无用信息。使用<style media="print" scoped> @page { size: auto; /* auto is the initial value */ margin: 0mm; /* this affects the margin in the printer se原创 2021-07-12 11:50:27 · 1113 阅读 · 0 评论 -
vant 基本使用
vant 库的基本使用vant 库是一款配合 Vue 使用的移动端 UI 组件库,轻量、高效。项目本地安装 vant$ npm install vant -S在 main.js 文件中引入 vant 库核心模块与它的样式import Vue from 'vue'import Vant from 'vant'import 'vant/lib/index.css'Vu...原创 2020-05-05 13:00:00 · 1886 阅读 · 0 评论 -
Vue-cli 简单使用
Vue-cli 基础使用介绍现在使用前端工程化开发项目是主流的趋势,也就是说,我们需要使用一些工具来搭建 vue 的开发环境。一般情况下我们都会选择使用 webpack 进行项目的构建,在这里我们直接使用 vue 官方提供的,基于 webpack 的脚手架工具进行项目开发。安装全局安装 vue-cli$ npm install -g @vue/cli# 或者$ y...原创 2020-05-05 11:17:37 · 166 阅读 · 0 评论 -
elementUI 的基本使用
elementUI 的基本使用项目本地安装 element-ui$ npm install element-ui -S在 main.js 文件中引入 UI 库核心模块与它的样式import Vue from 'vue'import App from './App.vue'// 引入 element-ui 和 它的样式文件import ElementUi from 'ele...原创 2020-05-05 08:27:37 · 664 阅读 · 0 评论 -
postcss-pxtorem 插件自动转换 rem 单位
px 自动转换 rem 单位安装 postcss-pxtorem 与 lib-flexible$ npm install postcss-pxtorem lib-flexible --save-dev使用 postcss-pxtorem 插件来自动转换代码中的 px 单位为 rem 单位在项目根目录下创建一个 postcss.config.js 文件,书写如下配置modul...原创 2020-05-04 08:27:10 · 974 阅读 · 0 评论 -
vue-lazyload 图片懒加载的使用
vue-lazyload 图片懒加载插件库官网地址基础使用安装$ npm i vue-lazyload -Smain .js 中引入import Vue from 'vue'import App from './App.vue'import VueLazyload from 'vue-lazyload' // 引入 // 1. 基础使用Vue.use(Vue...原创 2020-05-04 08:20:32 · 196 阅读 · 0 评论 -
vue 基础
Vue 2.x 学习介绍Vue 是渐进式 JavaScript 框架,用到什么功能,就引入对应功能模块;Vue 是一个 MVVM 的 js 框架,Vue 的核心库只关注视图层,开发者只关注 M-V 的隐射关系。Vue 的特点:使用成本低灵活,生态系统完善,适用于任何规模的项目高效,体积小、优化好、性能好MV 模式 (MVC/MVP/MVVM)*MVC :(Mod...原创 2020-05-03 21:14:23 · 212 阅读 · 0 评论 -
Vue虚拟DOM
Vue 中 虚拟 dom 介绍虚拟 dom核心思想:对复杂的文档 DOM 结构,提供一种方便的工具,进行最小化地 DOM 操作具体操作:内存中会生成一颗虚拟 dom 树,并将内存中的虚拟 dom 树初始化渲染成真实 dom 树当我们修改了 data 里面的数据时,将之前的虚拟 dom 树结合新的数据,生成一颗新的虚拟 dom 树并将新的虚拟 dom 树和之前的虚拟 dom 树...原创 2020-05-03 11:34:43 · 267 阅读 · 0 评论 -
Vue 项目线上部署
Vue 项目上线一、Nginx 环境搭建安装 nginx ,按照官网安装即可, 官网连接官网操作如下:$ sudo yum install yum-utils$ vim sudo yum install yum-utils按键盘 i 键插入代码,复制以下代码到文件中[nginx-stable]name=nginx stable repobaseurl=http:/...原创 2020-04-26 13:14:52 · 588 阅读 · 0 评论 -
Vue Router 飙车前行
Vue Router 学习Vue Router 的作用Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌单页应用:就是用户通过某些操作更改地址栏 url 后,动态的进行不同组件的无刷新切换,用户体验好Vue 中使用 vue-router 插件来开发单页面应用,原理:通过检测地址栏的变化,将对应的路由组件进行切...原创 2020-04-20 13:13:46 · 161 阅读 · 0 评论 -
vuex 核心知识汇总
vuex 介绍vuex 是什么vue 官方提供的状态管理器,用于处理组件的数据共享问题什么时候需要使用 vuex当多个组件需要共享状态的时候,使用 vuex 能更好的帮助我们管理这些需要共享的状态vuex 仓库(store)的五大核心state :专门存储共享数据的地方getters : 针对现有 state 数据或者其余的 getter 数据做二次计算的数据,可以理解为...原创 2020-04-18 21:56:23 · 246 阅读 · 0 评论 -
vue 生命周期渗透
vue 生命周期实例、组件通过 new Vue() 创建出来后会初始化事件和生命周期,然后就会执行 beforeCreate 钩子函数,这个时候数据还没有挂载,无法访问到数据和真实 dom ,一般我们在这个钩子函数里不做任何操作挂载数据、绑定事件等,然后执行 create 函数,这个时候已经可以访问到数据了,也可以更改数据,但获取不到真实 dom,在这里更改数据不会触发 updated 函数...原创 2020-03-24 22:09:56 · 387 阅读 · 0 评论