vue3全家桶总结

template部分<template><h1>方式一：监听一个属性</h1><p>求和：{{ sum }}</p><button @click="sum++">方式一点我加1</button><br />-------------------------------------------------

vue3全家桶总结

需求：现在需要在多个页面使用到上拉和下拉的滚动效果，手动封装一个BScroll的，如果没有安装better-scroll插件的安装上就可以1、首先：在src文件目录下创建一个common文件夹，里面在建一个封装组件的文件夹，比如：BScroll文件夹，在该文件夹里面建一个index.vue 文件，里面是需要封装的具体内容：<template><div class=...

一个组件在封装和使用的时候的命名规范–回顾1.vue2.0版本文档介绍的以下2种组件命名方式：第一种：使用 kebab-case（推荐使用这种，遵循 W3C 规范中的自定义组件名：字母全小写且必须包含一个连字符）Vue.component('my-component-name', { /* ... */ })第一个参数 my-component-name就是当前组件的名字，是我们自己定义...

reactive使用1.作用：定义一个对象类型的响应式数据(基本数据类型不能使用它,使用ref)2.语法：const data = reactive(源对象) 接收一个对象(或者数组),返回一个代理对象(proxy对象)3.reactive定义的响应式数据是深层次的4.内部基于es6的proxy实现,通过代理对象操作源对象内部数据进行操作试下响应式示例：<template><h1

1、响应式的数据ref函数:基本数据类型使用ref情况下age,name直接输出都是一个RefImpl实现类,其中基本类型的值直接放在这个实现类RefImpl的value里面,取值需要age.value,age.value注意：直接通过setup函数return出来的变量在末班解析的时候不需要.value的形式取值,因为模板能自动解析出value值2、响应式的数据ref函数:引用数据类型obj.v

在config/index.js文件中配置一下websocket// websocket的域名和端口号的配置const BASE_URL = 'localhost';const WS_PORT = '8080';const WS_ADDRESS = `ws://${BASE_URL}:${WS_PORT}`;export const useWebsockt = (handleMessage) =&

template<ul ref='tabsRef'><liclass="all-style">全部</li><li class="other-tab" @click="tabsOnclick($event)" v-for="item in datas">{{item}}</li></ul>data部分data{return{d

mounted() {//可以在这里面直接进行滚动条的获取window.addEventListener('scroll', this.handleScroll, true)}methods: {handleScroll() {//方法一//var top = Math.floor(document.body.scrollTop || document.documentElement...