vue3基础学习(上)

##以前怎么玩的?

###MVC

Model:Bean

View:视图

Controller

##vue的ref reactive

ref:必须是简单类型

reactive:必须不能是简单类型

###创建一个Vue项目

npm init vue@latest

###生命周期

###setup相关

####Vue2的一些写法 -- options API

####Vue3的写法 组合式API

Vue3.2以后,退出语法糖

###响应式基础 -- 6个API

####reactive和ref

reactive比较大的限制:

--仅对对象类型有效(obj,arr,map,set)

####computed

computed注意事项:

1.计算函数不应该有副作用;

2.避免直接修改计算属性值

####readonly

####watch和watchEffect

#####watchEffect

1.第一次渲染的时候立即执行

2.接收一个回调函数作为参数,并且该回调函数内,如果有响应式变量,也会立即执行;

3.返回一个新的函数,我们可以当组件卸载时,停止监听;

4.回调方法内,有一个用于清除副作用的函数.

#####watch

watch功能和之前vue2watch功能一样.

###指令

####v-text

#####v-html

相当于react -- setDangerousInnerHtml

####v-show和v-if

####v-for

####v-on @

####v-bind :

相关推荐
abigale0313 分钟前
webpack+vite前端构建工具 -11实战中的配置技巧
前端·webpack·node.js
专注API从业者33 分钟前
构建淘宝评论监控系统:API 接口开发与实时数据采集教程
大数据·前端·数据库·oracle
Joker`s smile36 分钟前
Chrome安装老版本、不同版本,自制便携版本用于前端调试
前端·chrome
weixin_4166399739 分钟前
爬虫工程师Chrome开发者工具简单介绍
前端·chrome·爬虫
我是如子啊44 分钟前
【解决“此扩展可能损坏”】Edge浏览器(chrome系列通杀))扩展损坏?一招保留数据快速修复
前端·chrome·edge
灵性花火44 分钟前
Qt的前端和后端过于耦合(0/7)
开发语言·前端·qt
孤水寒月5 小时前
基于HTML的悬窗可拖动记事本
前端·css·html
祝余呀5 小时前
html初学者第一天
前端·html
速易达网络7 小时前
RuoYi、Vue CLI 和 uni-app 结合构建跨端全家桶方案
javascript·vue.js·低代码
耶啵奶膘7 小时前
uniapp+firstUI——上传视频组件fui-upload-video
前端·javascript·uni-app