wandoumm的博客

add(resolve('src/components/svgIcon/icon')) //处理svg目录。//重点:删除默认配置中处理svg,// 获取当前svg目录所有为.svg结尾的文件。// 解析获取的.svg文件的文件名称，并返回。6把svg.js 引入main.js文件。7修改vue.config.js文件。5.新建svg.js 文件。4.下载一些svg 图片。

}{}},

2.require的模块曾被加载过，这事该模块的代码不会再次执行，直接导出上一次执行的结果。1，require的模块是第一次被加载，这时先执行该模块，然后导出内容。

方式2使用ts-loader@~8.2.0。方式1vue-cli降到4.x版本。

{{state}} import {ref,watch,onMounted,computed} from 'vue' const isOpen = r

import {reactive,ref,watch,o

import {reactive,ref,watch,onBeforeMount,computed} from 'vue'

一起创造美好世界 创建你的账号 {{item.title}}

{{count}} {{newCount}} add import {reactive,ref,watch,onBeforeMount,computed} from 'vue' const count = ref(0)

父组件 import { provide,inject,ref,onMounted,defineAsyncComponent} from 'vue'; const C = defineAsyncComponent(() => import('./C.vue') ) const message=ref('sblc') const sa

String，Number，Boolean，Array，Object，Date，Function，Symbol，

{{message}} change import {ref,nextTick} from 'vue' const message =ref('sblc') const sb = ref(null) const cha

{{ tab.name }}

{{ tab.name }}

import {reactive,onMounted} from 'vue' import axios from 'axios' let state =reactive({ books:[] }) onMounted(()=>{ axios({ method:'get', url: '/api/book/hot' }

1、在入口js文件main.js中引入，一些公共的样式文件，可以在这里引入。import Vue from 'vue'import App from './App' // 引入App这个组件import router from './router' /* 引入路由配置 */import axios from 'axios'import '../static/css/global.css' ......

mouse.jsimport { ref,onMounted,onUnmounted } from "vue"export function useMouseposition(){ const x=ref(0); const y=ref(0); function update(e){ x.value= e.pageX; y.value = e.pageY } onMounted(()=>{ window.addEvent

子组件 {{name}} butTap1 butTap1 const emit = defineEmits(['butTap11', 'butTap21'])

父组件 header sblc 子组件 header

小满Router（第十二章-动态路由）_小满zs的博客-优快云博客

2 routes: [ { path: '/', component: () => import('@/views/Login.vue'), meta:{ title:"登录", transition:"animate__fadeInUp", } }, { path: '/index', component: () => import('@/views/Index.vue'),

const whileList = ['/'] router.beforeEach((to, from, next) => { let token = localStorage.getItem('token') //白名单 有值 或者登陆过存储了token信息可以跳转 否则就去登录页面 if (whileList.includes(to.path) || token) { next() } else { next({

tsconfig.json{ "compilerOptions": { // ... "types": ["element-plus/global"] }}

将 package.json 文件中的 "build": "vue-tsc --noEmit && vite build",改为 ： "build": "vite build",

在请求接口中设置responseType:'blob'，可以正常下载downloadAttachment({ courseId:item.courseId,//课程ID attachmentId:item.id//课程资料ID }).then((res)=>{ let blob = new Blob([res]);

1.beforenpm i -D unplugin-auto-importimport AutoImport from "unplugin-auto-import/vite"export default defineConfig({  plugins: [    ...     AutoImport ({      imports: ["vue", "vue

防抖，节流

vue3 mac 安装

模拟从后台取下数据，然后数据绑定在swiper标签中。[html] view plain copy<template>      <div class="homePage">          <abc></abc>          <div id="banner">              <div class

新建tabbar.vue<template> <mt-tabbar v-model="message" fixed> <mt-tab-item id="MainPage"> <img slot="icon" :src="this.atabs[0]">

/** * 获取当前时间 * 格式YYYY-MM-DD */Vue.prototype.getNowFormatDate = function() {  var date = new Date();  var seperator1 = "-";  var year = date.getFullYear();  var month = date.getMonth() + 1;  var strDat...

移动端开发过程中，因为手机的dpr(设备像素比不同)，我们需要根据dpr来修改图标的大小:1.通过mixin,动态修改图标的背景图片。通过@media (媒体查询)，判断设备的dpr。123456@mixin bg-image($url) {    background-image: url($url + "@2x.png");    @media (-webkit-min-device-pixe...

实现 1像素border1234567891011121314border-1px($color)  position: relative  &:after    display: block    position: absolute    left: 0    bottom: 0    width: 100%    border-top: 1px solid $color    con...

解决办法1.引入css文件?1import 'font-awesome/css/font-awesome.min.css'2.在webpack.config中配置?1234{    test: /\.(eot|svg|ttf|woff|woff2)$/,    loader: 'file-loader'}总结

一. 请谈谈Vue中的MVVM模式MVVM全称是Model-View-ViewModelVue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化，DOM会跟着变化。 ViewModel是Vue的核心，它是Vue的一个实例。Vue实例时作用域某个HTML元素上的这个HTML元素可以是body，也可以是某个id所指代的元素。DOMListene...

1、什么是vue生命周期？答： Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。2、vue生命周期的作用是什么？答：它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。3、vue生命周期总共有几个阶段？答：它可以总共分为8个阶段：创建前/后, 载入前...

时间:2018-01-13 12:29来源:未知 作者:admin一个项目学会vue全家桶+axios实现登录、拦截、登出功能，以及利用axios的http拦截器拦截请求和响应。 前言 该项目是利用了Github 提供的personal token作为登录token，通过token访问你的Reposi一个项目学会vue全家桶+axios实现登录、拦截、登出功能，以及利用axios的http拦截器拦...

vue2.0 禁止 子组件修改父组件数据在Vue2中组件的props的数据流动改为了只能单向流动，即只能由组件外（调用组件方）通过组件的DOM属性attribute传递props给组件内，组件内只能被动接收组件外传递过来的数据，并且在组件内，不能修改由外层传来的props数据。 在Vue2.0中，实现组件属性的双向绑定方式1. 在组件内的data对象中创建一个props属性的副本 因为result...

1.概述：简单来说，假如父组件需要在子组件内放一些DOM，那么这些DOM是显示、不显示、在哪个地方显示、如何显示，就是slot分发负责的活。 2.默认情况下父组件在子组件内套的内容，是不显示的。代码：  效果图： 显示内容是一个button按钮，不包含span标签里面的内容； 3.单个slot简单来说，只使用这个标签的话，可以将父组件放在子组件的内容，放到想让他显示的地方。代码：例如这样写的话，结...

1.index.html  子组件直接修改父组件的数据组件通讯：　　vm.$emit();　　vm.$on();父组件和子组件：子组件想要拿到父组件数据：　　通过 props　　之前,子组件可以更改父组件信息,可以是同步 sync　　现在,不允许直接给父级的数据,做赋值操作123456789101112131415161718192021222324252627282930313233343536...