与setup函数不同的是，在script标签中添加setup1、变量、方法不需要 return 出来属性和方法也不用返回，也不用写setup函数，也不用写export default ，甚至是自定义指令也可以在我们的template中自动获得<script setup>import { ref } from 'vue';<!-- flag变量不需要在 return出去了 --&g

1、watch函数（既要指明监视的属性，也要指明监视的回调）坑：1）监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）2）监视reactive定义的响应式数据中某个属性时：deep配置有效setup(){let sum = ref(0)let msg = ref('ABCD')let person = reactive({name:'张三'

一、基础准备工作1、创建一个基础的vue项目包2、创建components文件夹，用于存放组件，新建button.vue组件，可以自己取个名字<script>export default {name: "CatButton",};</script>3、在main.js中引入组件import CatButton from "./components/button.vue";V

public目录下项目需要使用的静态资源，有更新动态显示的需求。src/assets目录下适合存放项目中所必须的图标，属于代码的一部图片存放在这两个位置时的访问方法：public目录下：使用 / 开头的绝对路径访问若：/public/images/a.jpg访问： <img src="/images/a.jpg">若：/public/images/a/b/c/d.jpg访问： <

public目录下项目需要使用的静态资源，有更新动态显示的需求。src/assets目录下适合存放项目中所必须的图标，属于代码的一部图片存放在这两个位置时的访问方法：public目录下：使用 / 开头的绝对路径访问若：/public/images/a.jpg访问： <img src="/images/a.jpg">若：/public/images/a/b/c/d.jpg访问： <

一、基础准备工作1、创建一个基础的vue项目包2、创建components文件夹，用于存放组件，新建input.vue组件，可以自己取个名字<script>export default {name: "CatInput",};</script>3、在main.js中引入组件import CatInput from "./components/input.vue";Vue.c

setup相当于之前的created周期：创建时onBeforeMount：DOM即将挂载onMounted：DOM挂载完毕onBeforeUpdate：DOM即将更新onUpdated：DOM更新完毕onBeforeUnmount：即将销毁onUnmounted：销毁完毕<script lang="ts">import { defineComponen...

Vue的网络操作， 采用第三方 `axios` 实现官网： http://www.axios-js.com/http：//www.axios-js.com/docs/vue-axios.html1、安装、引入1.1、安装命令： `npm i axios vue-axios`，必须到`项目包目录下`执行1.2、项目包中创建文件utils工具包 -> 创建文件axios.js -> 主文件

onPageScroll：监听滚动事件回到顶部：uni.pageScrollTo({scrollTop:0})<template><view><!-- 回到顶部按钮 --><view class="btn-gotop" @click="goTop" v-show="showBtn"><uni-icons type="arrowthinup" c

在特定的生命周期节点,提供了一些方法[钩子函数]，实现特定的操作uniapp中有三种生命周期1、应用周期 App.vue中：onLaunch 应用首次加载时onShow 应用显示时onHide 应用隐藏时2、页面周期 pages中的页面：页面本身也是一个组件，所以它也具有组件周期onLoadonShowonHide...