- @Janicecat
简介
该用户还未填写简介
擅长的技术栈
可提供的服务
暂无可提供的服务
1、 MVC机制: Model View ControllerModel：模型层 -- 数据部分View：视图层 -- 可见的html部分Controller：控制器 ，控制数据在变化时，自动更新到View中（数据重新赋值/发生变化，页面上的值自动更新，利用的是set、get方法）<body><div>{{message}}</div><script>
一、基础准备工作1、创建一个基础的vue项目包2、创建components文件夹，用于存放组件，新建button.vue组件，可以自己取个名字<script>export default {name: "CatButton",};</script>3、在main.js中引入组件import CatButton from "./components/button.vue";V
拖放拖放是将一个对象从一个位置拖拽到另一个位置的操作. 任何HTML元素都可以进行拖放操作. 但是为了保证兼容性, 建议在拖放的对象上添加属性:<h1 draggable="true">xxxxx</h1>DragEvent拖拽相关事件DragEvent指拖拽相关事件. 其继承自MouseEvent与Event接口.拖拽事件涉及到的事件源有两类(源对象, 目标对象), 一共
与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...
