胖赫博客

发布时间：2022-05-10 16:41:31 浏览量：404 标签：登录阅读全文

点击加载更多

发布时间：2022-05-10 16:31:37 浏览量：374 标签：点击加载更多阅读全文

点击图片播放暂停视频

发布时间：2022-01-23 13:15:00 浏览量：538 标签：点击图片播放暂停视频阅读全文

根据屏幕尺寸显示不同样式

发布时间：2022-01-23 13:10:47 浏览量：601 标签：根据屏幕尺寸显示不同样式阅读全文

顶部导航栏跟随

发布时间：2022-01-23 13:03:32 浏览量：572 标签：顶部导航栏跟随阅读全文

点击返回顶部

发布时间：2022-01-23 13:01:26 浏览量：600 标签：点击返回顶部阅读全文

keepAlive

App.vue <router-view/> 占位具体加载哪个组件取决是什么路由 <keep-alive> 占位标签 <keep-alive> <keep-alive></keep-alive> 是vue中的内置组件,能在组件切换的时候,将状态保留在内存中,防止重复的DOM渲染就是将数据缓存起来如果使用以上的方式,是对所有的组件都进行缓存处理如果需要对一个进行缓存使用Route中的meta在路由的文件中添加一个属性router/ind

发布时间：2021-06-23 22:41:15 浏览量：670 标签： keepAlive 阅读全文

ref和refs

ref 就是一个标签属性方便我们获取该元素简单的用法:就是获取元素<元素 ref="自定义的属性值"></元素>有一个$refs的对象这个对象中存储的所有的ref的值$refs.ref属性的属性值如果在方法中需要使用this.$refs.ref属性的属性值console.log(this.$refs.ref属性的属性值)  <元素></元素>在父组件中使用子组件中的数据和方法在父组件中使用的子组件标签绑定一个ref属性,并设置

发布时间：2021-06-23 22:39:55 浏览量：643 标签： ref和refs 阅读全文

Watch监听

watch监听1.普通监听实时的监听数据的变化 watch监听属性中,把要监听的数据,作为方法名进行监听方法名(数据属性)(新值,老值) 语法格式: watch:{ 变量名(参数1新,参数2老){ } }2.立即监听如果我们需要在最初绑定值的时候也执行函数,则使用使用到immediate属性值设置为true 语法格式: , watch:{ 变量名:{ //钩子函数 handler(新值,老值){ } //组件注入页面的时候就立即监听(执

发布时间：2021-06-23 22:37:37 浏览量：1039 标签： watch监听阅读全文

常用的修饰符

常见的修饰符 事件修饰符 .stop  阻止事件冒泡  @click.stop="方法".prevent 阻止默认事件  <a @click.stop.prevent="方法"><a> .once 阻止事件重复触发 表单修饰符trim number lazy  用户每一次触发都会马上更新,使用了该修饰符可以让用户通过回车,或者鼠标失焦触发

发布时间：2021-06-23 22:35:49 浏览量：1023 标签：修饰符阅读全文

混入

混入全局混入把公共的东西封装起来,放到混入对象中,有需要的时候,直接使用混入的语法格式: 需要把混入写在main.js中,必须在实例化对象之前 Vue.mixin({ 数据 data(){ return{键:值} } 如果在混入中声明了变量,在组件中也有同名的变量,组件中的变量会覆盖混入中的变量在混入中的钩子函数,不会被new对象中的组件中的钩子函数覆盖 created(){ } 如果混入中声明了自定义方法,在组件中也有同名的方法,组件中的方法会覆盖混入中的方法 metho

发布时间：2021-06-23 22:33:38 浏览量：698 标签：混入阅读全文

脚手架

什么是脚手架定义:  帮助我们搭建一个脚手架项目,简单的说就是搭建项目的工具安装脚手架在安装之前确定电脑中是否安装了脚手架   查看命令: vue-version安装 : npm install -g @vue/cli还用脚手架搭建一个项目        vue项目全部采用的是纯ES6语法,所以必须保证你  vue --version 版本要大于2.x   

发布时间：2021-06-23 22:31:30 浏览量：529 标签：脚手架阅读全文

生命周期

生命周期简介 什么是生命周期在vue创建,运行,销毁的过程,会伴随着各种各样的事件,这些事件就是生命周期各种各样的事件 -> 就是函数 ->会在特定的时候自动执行 -> 钩子函数beforeCreate() 函数触发时机:vue实例刚刚在内存中创建完成的时候自动触发该方法但是还乜有data 和 methdscreate()函数实例已经在内存中创建完成,此时的data和methods已经被初始化,但是没有编译模板,没有开始渲染html代码mount(挂载) 渲染before

发布时间：2021-06-22 22:58:46 浏览量：512 标签：生命周期阅读全文

ES6 转换 ES5

 ES6 转 ES51.  安装npm install babel-core babel-loader@7.1.5 babel-plugin-transform-runtime babel-preset-env babel-preset-stage-0 -Dindex.js里面写入const fn = () => {  console.log(123)}配置loader {test:/\.js/,use:['babel-loader'],exc

发布时间：2021-06-22 22:53:02 浏览量：738 标签： ES6转换ES5 阅读全文

Webpack

Webpack安装webpack初始化 : npm init -y为了是安装更快可以使用淘宝镜像 :&nbsp;npm set registry https://registry.npm.taobao.org/安装webpacknpm install webpacknpm install webpack-cli或npm install webpack webpack-cli -D | -S -g-D 当安装工具包后,只在开发的时候使用,发布上线以后就会删除-S 发布以后依然保留该模块&nb

发布时间：2021-06-22 22:48:18 浏览量：721 标签： Webpack 阅读全文