
Vue
迈克雷(MichaelRay)
2003年开始从事互联网开发相关工作,技术极客。目前担任全栈工程师,WEB架构师,目前主要专注于Node和MongoDB技术。
展开
-
关于v-ant-ref作用
ant-design中表示将当前组件映射进data里面的某个值,以便后期调用。 <a-input v-ant-ref="c => searchInput = c" :placeholder="`搜索 ${column.dataIndex}`" :value="selectedKeys[0]" style="width: 188px; margin-bottom: 8px; display: block;" @change="e =>原创 2022-02-28 16:43:38 · 912 阅读 · 1 评论 -
vue-viewer(vue图片播放器)事件强化版
https://www.npmjs.com/package/@michaelray/vue-viewer支持16个事件main.jsimport VViewer from "@michaelray/vue-viewer";Vue.use(VViewer);demo<template> <div id="app"> <v-viewer ref="viewer" :options="options" :images="images" cl原创 2021-06-20 13:54:49 · 779 阅读 · 0 评论 -
Vue3使用ant-desigin
yarn add ant-design-vue@2.1.2yarn add --save less less-loaderimport { createApp } from "vue";import App from "./App.vue";+import Antd from 'ant-design-vue';+import 'ant-design-vue/dist/antd.css'+const app = createApp(App);+app.use(Antd);+app.mo原创 2021-05-15 14:55:48 · 370 阅读 · 0 评论 -
vue 3.x - 安装scss/sass
npm安装npm install -D sass-loader node-sassyarn安装yarn add --dev sass-loader node-sass原创 2021-05-15 10:50:53 · 1092 阅读 · 0 评论 -
vue3+ts+jsx之后的父子组件通讯
父组件中方式1:在setup中直接return JSX模板import { withModifiers,computed, defineComponent, reactive, ref, watchEffect } from "vue";import HelloWorld from "./components/HelloWorld/HelloWorld";export default defineComponent({ "name": "App", /** * vue3 新增加原创 2021-04-22 23:10:57 · 2022 阅读 · 2 评论 -
通过pm2部署nuxt
先了解一下原始命令node node_modules/nuxt/bin/nuxt.js # dev模式node node_modules/nuxt/bin/nuxt.js start # 线上模式言归正传根目录创建pm2.json{ "apps": [ { "name": "NuxtAPP", "script": "node_modules/nuxt/bin/nuxt.js", .原创 2021-03-24 13:13:14 · 536 阅读 · 0 评论 -
VUE预渲染
npm install -D prerender-spa-plugin修改webpack.prod.conf.js,在CopyWebpackPlugin后面,增加内容。var PrerenderSpaPlugin = require('prerender-spa-plugin')new PrerenderSpaPlugin( //将渲染的文件放到dist目录下...原创 2018-02-08 15:14:50 · 1646 阅读 · 6 评论