2020-09-22

最新推荐文章于 2021-09-05 16:33:59 发布

zxer123

最新推荐文章于 2021-09-05 16:33:59 发布

阅读量145

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/zxer123/article/details/108732083

版权

前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

VUE

vue基础
- 二级目录
- - 三级目录

vue基础

二级目录

三级目录

理解的 $ 只是一种约定俗成的明明方式，表示这个属性或者方法存在于 Vue 实例的原型上：
this.$refs.loginFormRef.resetFields()

把axios挂载到vue原型上,每个组件可以通过this.$http来请求
组件按需加载

element.js
import { Button, Form, FormItem, Input, Message } from 'element-ui'
Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)

通过Vue.use()注册为全局组件
按钮居右对齐

.btns {
  display: flex;
  justify-content: flex-end;
}

通过属性的方式添加字体图标
阿里图标库
iconfont使用：
1.导入iconfont.css
import ‘./assets/fonts/iconfont.css’
2.使用prefix-icon

watch和compute
3.1 computed特性
区别：
1.是计算值，
2.应用：就是简化tempalte里面{{}}计算和处理props或 $e m i t 的传值 3 . 具有缓存性，页面重新渲染值不变化, 计算属性会立即返回之前的计算结果，而不必再次执行函数 3.2 w a t c h 特性 1 . 是观察的动作， 2 . 应用：监听 p r o p s ，$ emit或本组件的值执行异步操作
3.无缓存性，页面重新渲染时值不变化也会执行