<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ifyout的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ifyout</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ifyout]]></copyright><item><title><![CDATA[npm上发布封装的vue组件]]></title><link>https://blog.youkuaiyun.com/ifyout/article/details/124997417</link><guid>https://blog.youkuaiyun.com/ifyout/article/details/124997417</guid><author>ifyout</author><pubDate>Fri, 27 May 2022 10:56:32 +0800</pubDate><description><![CDATA[提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录前言一、首先封装自己的vue组件二、使用vue插件模式1.在package目录下新建index.js文件2.组件打包三、发布到npm1.首先我们在刚刚打包生成的文件nu-ui目录下初始化package.json2. 发布到npm仓库。四、使用验证一下在项目目录下执行`npm install nu-ui`然后在main.js引用注册，代码如下：

前言
公司让我看下如何将自己封装的vue组件发布到npm上，这里记录一下，主要参考了知.]]></description><category></category></item><item><title><![CDATA[vue2.0和vue.3.0的数据双向绑定简单实现]]></title><link>https://blog.youkuaiyun.com/ifyout/article/details/123940040</link><guid>https://blog.youkuaiyun.com/ifyout/article/details/123940040</guid><author>ifyout</author><pubDate>Sun, 03 Apr 2022 17:48:57 +0800</pubDate><description><![CDATA[提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录前言一、vue2.0数据双向绑定二、简单实现1.html2.jsvue3.0 是通过Proxy 实现的简单实现总结

前言
vue3.0将响应式改为使用proxy实现，相比vue2.0的defineProperty更加强大

一、vue2.0数据双向绑定
示例：vue在初始化时，深层遍历data中的每个属性，通过object.defineProperty为每个属性添加setter，getter。
二、简单实现
1.html
&lt.]]></description><category></category></item><item><title><![CDATA[vue-cli3 配置生产环境和开发环境下的接口地址]]></title><link>https://blog.youkuaiyun.com/ifyout/article/details/109718954</link><guid>https://blog.youkuaiyun.com/ifyout/article/details/109718954</guid><author>ifyout</author><pubDate>Mon, 16 Nov 2020 13:39:59 +0800</pubDate><description><![CDATA[1.创建文件

]]></description><category></category></item><item><title><![CDATA[vue-cli3打包去除console]]></title><link>https://blog.youkuaiyun.com/ifyout/article/details/109637967</link><guid>https://blog.youkuaiyun.com/ifyout/article/details/109637967</guid><author>ifyout</author><pubDate>Thu, 12 Nov 2020 10:21:30 +0800</pubDate><description><![CDATA[开发时保留console，打包后去除。

npm install terser-webpack-plugin --save-dev
安装terser-webpack-plugin
vue.config.js 中配置 configureWebpack

module.exports = {
    publicPath: './',
    outputDir: "dist",
    assetsDir: "static",
    productionSourceMap: false,
    devSe]]></description><category></category></item><item><title><![CDATA[element 多选框回显无法点击问题]]></title><link>https://blog.youkuaiyun.com/ifyout/article/details/109390718</link><guid>https://blog.youkuaiyun.com/ifyout/article/details/109390718</guid><author>ifyout</author><pubDate>Fri, 30 Oct 2020 18:55:18 +0800</pubDate><description><![CDATA[今天做项目遇到了element多选框遍历回显的问题
1.dom无法渲染
在从后端拿到多选框数据后，页面不能渲染出来的问题，我将多选框放入el-dialog中，打开dialog不显示，后来使用reload（）等数据到了再刷新一下多选框组件就可以出来了。
2.多选框回显后无法点击
在回显后，多选框无法点击，这里有两点错误：
1.后台返回的数组是[“1”,“2”]是stirng形式的，而我需要number形式的，这里使用array.map(Number)方法转换一下。
2.就是无法点击，这里是因为拿到数据后，do]]></description><category></category></item><item><title><![CDATA[v-chart更换主题]]></title><link>https://blog.youkuaiyun.com/ifyout/article/details/108861817</link><guid>https://blog.youkuaiyun.com/ifyout/article/details/108861817</guid><author>ifyout</author><pubDate>Tue, 29 Sep 2020 09:22:29 +0800</pubDate><description><![CDATA[v-chart更换主题
近期因为公司需求，了解了v-charts。相比echarts来说少了很多操作，使用起来也很简单，但是文档内容太少，一些配置，问题都找不到问题解决。 这里介绍下如何更换主题。
首先去echarts官网去下载主题
地址：echarts自定义主题
选好主题，然后下载文件，文件格式又JSON和JS，这两个应该都可以，我下载的是json。把下载好的文件放入项目中

然后再页面中使用
return {
      custheme: require("./theme/dark.json"),
}]]></description><category></category></item><item><title><![CDATA[vue跳转方式]]></title><link>https://blog.youkuaiyun.com/ifyout/article/details/106229908</link><guid>https://blog.youkuaiyun.com/ifyout/article/details/106229908</guid><author>ifyout</author><pubDate>Wed, 20 May 2020 10:23:16 +0800</pubDate><description><![CDATA[vue跳转方式
vue跳转方式有多种，自己有经常忘记具体写法，今天介绍编程式跳转方式。
// 字符串
router.push('home')
// 对象
router.push({ path: 'home' })
// 命名的路由
router.push({ name: 'user', params: { userId: 123 }})
// 带查询参数，变成 /register?plan=private
router.push({ path: 'job', query: { plan: 'jobId' }]]></description><category></category></item></channel></rss>