<template> <div>{{ statusMean(status) }}</div> </template> export default { data() { }, computed: { statusMean: () => (value) => { value = parseInt(va ...
转载
2021-11-02 22:17:00
503阅读
2评论
vue-router钩子1)全局钩子函数 定义在全局的路由对象中,主要如下: beforeEach 在路由切换开始时调用  
转载
2024-07-16 01:24:03
346阅读
基础特性渐进式开发生命周期数据绑定文本插值过滤器计算属性表单控件Class及Style绑定指令内置指令自定义指令组件组件选项与Vue选项的区别组件Props一个完整的组件代码状态管理一个完整的状态管理实现开发实践项目结构配置代理服务器使用Axios发送请求插件开发插件额外专题关于 Promise构造函数静态方法使用Promise使用插件实践视频 基础特性渐进式开发可以 单HTML页面 使用Vue
【代码】前端那些事20240130-前端那些事-vue2中computed用法。
原创
2024-04-04 15:30:43
11阅读
passive模式修饰符:.passive - (2.3.0) 以 { passive: true } 模式添加侦听器,也就是执行默认行为passive这个修饰符会执行默认方法。你们可能会问,明明默认执行为什么会设置这样一个修饰符。这就要说一下这个修饰符的本意了。【浏览器只有等内核线程执行到事件监听器对应的JavaScript代码时,才能知道内部是否会调用preven
<div id="app"> <navbar></navbar> <pagefooter></pagefooter></div>Vue.component('navbar',{ template:'#navbar',
转载
2022-05-26 16:51:15
1541阅读
开端
最近在恶补vue底层和高级用法相关的知识,找的视频跟着老师学习,本篇文章主要是记录在学习过程中都学习到了哪些内容,理清一下自己的思路。
1 mixins混入
混入(mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
类似于<script>中的内
原创
精选
2024-03-22 14:10:45
204阅读
vue2使用computed封装modal(van-popup)
原创
2024-07-17 17:42:08
0阅读
前几天想学学Vue中怎么编写可复用的组件,提到要对Vue的render函数有所了解。可仔细一想,对于Vue的render函数自己只是看了官方的一些介绍,并未深入一点去了解这方面的知识。为了更好的学习后续的知识,又折回来了解Vue中的render函数,这一切主要都是为了后续能更好的学习Vue的知识。回忆Vue的一些基本概念今天我们学习的目的是了解和学习Vue的render函数。如果想要更好的学习Vu
computed与data、methods等同级使用,默认只有getter计算属性 method、computed和watch的区别 computed属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算。主要当作属性来使用,使用的时候不加(); methods方法表示一个具体的操作,主要书写业务 ...
转载
2021-09-20 17:04:00
2229阅读
2评论
vue指令的声明与使用(v-text、v-html、v-on、v-bind、v-for、
原创
2023-06-27 10:32:16
97阅读
LESS基础语法 我们一起来学习一下LESS的基础语法,LESS的基础语法基本上分为以下几个方面:变量、混合(Mixins)、嵌套规则、运算、函数、作用域等。这些基础语法需要我们先牢牢的掌握住,然后才可以灵活的在项目中进行实战。 变量 和JS中的变量一样,只是LESS的变量定义不是使用VAR而是使用
转载
2017-11-01 10:51:00
222阅读
2评论
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录,可能会过期,使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
391阅读
【vue2】计算属性(computed)与侦听器(watch)详解。计算属性两种写法:①默认get()类型②get()与set()类型搭配使用侦听属性的两种
原创
2023-06-27 10:28:34
3181阅读
eslint用于代码检查,prettier用于代码格式化,具体操作如下1.安装以下eslint插件
安装以下eslint插件,并增加.eslintrc.js配置文件,.eslintignore配置忽略检查的文件(1)eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
(2)@babel/eslint-parser
简而言之就是一个解析器,允许您使用ES
转载
2024-05-29 12:57:59
283阅读
1、简介 Data与el的2中写法:el有两种写法new Vue时配置el属性先创建Vue实例,随后在通过vm.$mount(‘#root’)指定el的值Data也有两种写法 (1) 对象式函数式,搭配组件时,data必须使用函数式一个重要的原则 由Vue管理的函数,一个不要箭头函数,一旦写了箭头函数,this就不再是Vue实例了 学习Vue之前最后会一些HTML和CSS的基
转载
2024-01-25 20:43:47
76阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读