<?xml version="1.0" encoding="utf-8"?>
<!--  RSS generated by phpcms.cn RSS Builder [2026-04-07 13:39:24]  --> 
<rss version="2.0" xmlns:im="http://purl.org/rss/1.0/item-images/" xmlns:dc="http://purl.org/dc/elements/1.1/" >
<channel>
<pubDate>Tue, 07 Apr 2026 13:39:24 +0800</pubDate>
<lastBuildDate>Tue, 07 Apr 2026 13:39:24 +0800</lastBuildDate>
<docs>https://www.pweb123.com</docs>
<link>https://www.pweb123.com</link>
<title>vue教程</title>
<image>
<title>vue教程</title>
<url><![CDATA[]]></url>
<link>https://www.pweb123.com</link>
</image>
<webMaster>https://www.pweb123.com</webMaster>
<generator>https://www.pweb123.com</generator>
<ttl>60</ttl>
<dc:creator>https://www.pweb123.com</dc:creator>
<dc:date>Tue, 07 Apr 2026 13:39:24 +0800</dc:date>
<item>
<title><![CDATA[[Vue warn]: Property or method "xxx" is not defined on the instance but referenced during render.  Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. ]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/1016.html]]></link>
<description><![CDATA[这个xxx就是报错的变量，报错的意思是：[Vue warn]：属性或方法xxx未在实例上定义，但在呈现期间被引用。通过初始化属性，确保此属性在数据选项或基于类的组件中是反应性的。解决：属性或者方法 XXX 没有立即定义但是却在渲染时被引用。报错信息已经十分明显了， XXX属性或方法没   ]]></description>
<pubDate>2024-01-19 14:39:23</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/1016.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[vue绑定class的三种方法]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/983.html]]></link>
<description><![CDATA[一、对象语法1、给v-bind:class 设置一个对象，可以动态地切换class，例如：&lt;divid=&quot;app&quot;&gt;&lt;div:class=&quot;{&amp; 39;active&amp; 39;:isActive}&quot;&gt;&lt; div&gt;&lt; div&gt;&lt;script&gt;varapp=newVue({el:&amp; 39; app&amp; 39;,data:{isActive:true}})&lt; script&gt;最终渲染结果：&lt;divclass=&quot;active&quot;&gt;&lt; div&gt;2、对象中也可   ]]></description>
<pubDate>2023-09-23 19:51:24</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/983.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[vue报错： Avoid mutating a prop directly since the value will be overwritten whenever the paren]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/982.html]]></link>
<description><![CDATA[原因:(单向数据流)子组件不能修改props传递的值解决方法:子组件再定义一个变量接收值,监听一下新定义的变量使用this $emit(&lsquo;zz&rsquo;,data)页面上监听一下&lt;my-menu @zz=nickname = $event&gt;例：mounted(){varbannerList=this banner;if(bannerList length==0){this getFlash();}},]]></description>
<pubDate>2023-09-22 22:05:34</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/982.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[Vue中mixins（混入）的介绍和使用]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/973.html]]></link>
<description><![CDATA[<img src=https://www.pweb123.com/uploadfile/2023/0728/thumb_150_150_20230728083158119.jpg border='0' /><br />当我们的项目越来越庞大，项目中的某些组件之间可能会存在一些相似的功能，这就导致了在各个组件中需要编写功能相同的代码段，重复地定义这些相同的属性和方法，导致代码地冗余，还不利于后期代码的维护。一、什么是Mixinsmixins（混入），官方的描述是一种分发 Vue 组件中可复用功   ]]></description>
<pubDate>2023-07-28 08:23:47</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/973.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[vue 路由传参，页面刷新后参数类型改变]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/971.html]]></link>
<description><![CDATA[<img src=https://www.pweb123.com/uploadfile/2023/0703/20230703055436606.png border='0' /><br />搞vue路由传参的时候，明明传的数字，但是还是提示传的是字符串，无法判断报错原因是：vue-router 传参，不管是 params 形式还是query形式传参，在页面刷新后，params 和 query对象中的属性所对应的属性值都会被浏览器自身强制转换为string类型(这一点与浏览器的sessionStorage   ]]></description>
<pubDate>2023-07-03 17:51:43</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/971.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[vue中router-link的详细用法]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/970.html]]></link>
<description><![CDATA[&lt;router-link&gt;&lt;router-link&gt; 组件支持用户在具有路由功能的应用中（点击）导航。 通过 to 属性指定目标地址，默认渲染成带有正确链接的 &lt;a&gt; 标签，可以通过配置 tag 属性生成别的标签 。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的 CSS 类名。  字符串&lt;ro   ]]></description>
<pubDate>2023-07-01 10:58:30</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/970.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[vue中is的作用和用法]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/969.html]]></link>
<description><![CDATA[is的作用&lt;ul&gt;&lt;li&gt;&lt; li&gt;&lt;li&gt;&lt; li&gt;&lt;li&gt;&lt; li&gt;&lt; ul&gt;总所周知，ul里面嵌套li的写法是html语法的固定写法（还有如table,select等）。  code1&lt;ul&gt;&lt;my-component&gt;&lt; my-component&gt;&lt;my-component&gt;&lt; my-component&gt;&lt; ul&gt;my-component是我们自己写的组件，但是html在渲染dom的时候，my-component对   ]]></description>
<pubDate>2023-07-01 09:15:06</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/969.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[vue Do not use built-in or reserved HTML elements as component id: nav]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/968.html]]></link>
<description><![CDATA[<img src=https://www.pweb123.com/uploadfile/2023/0630/20230630083857712.png border='0' /><br />用vue新建一个导航组件，随意命名为nav，结果缺发现有报错：在vue中好像nav 这样的 有点类似于 关键字 不能作为组件的name，按照服务端来说 就是不可以命名关键字 为你的属性名一样的意思所以在vue中 比如 nav ，header，footer 不可以作为组件的name 否则会出现这个问题   ]]></description>
<pubDate>2023-06-30 08:37:14</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/968.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[vue中使用swiper各种问题集锦]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/967.html]]></link>
<description><![CDATA[<img src=https://www.pweb123.com/uploadfile/2023/0627/thumb_150_150_20230627101342517.png border='0' /><br />第一次使用vue引入swiper，肯定是要搜网上的使用教程：（1）安装swipernpminstallswiper-S（2）引入swiper全局引入方式，即在main js中引入importVuefrom&amp; 39;vue&amp; 39;;import&quot;swiper swiper min css&quot;在组件中引用：importSwiperfrom&amp; 39;swiper&amp; 39;;require(&quot;swiper css swiper min   ]]></description>
<pubDate>2023-06-27 21:49:13</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/967.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[什么是Vue.nextTick()？？]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/966.html]]></link>
<description><![CDATA[定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码；理解：nextTick()，是将回调函数延迟在下一次dom   ]]></description>
<pubDate>2023-06-27 09:51:31</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/966.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[axios请求封装]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/965.html]]></link>
<description><![CDATA[使用axios之前需要先安装一下$npminstallaxios使用之前需要先了解axios的基本知识：1  Axios基础用法（get、post、put 等请求方法）先介绍一下，Axios常用的几种请求方法有哪些：get、post、put、patch、deleteget：（一般用于）获取数据post：提交数据（表单提交+文件上传）put：   ]]></description>
<pubDate>2023-06-26 22:04:44</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/965.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[vue请求接口获取数据的实现及跨域问题]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/964.html]]></link>
<description><![CDATA[本文基于vue-cli3。一、通过api接口获取数据在vuejs中请求接口，大体分为两种方式：vue-source和axios。它们都是经过良好封装的http请求插件。下文将简单介绍一下使用方法。1  vue-source安装首先，安装该插件：npminstallvue-source--save然后，在项目src main js中，通过全局方法V   ]]></description>
<pubDate>2023-06-24 23:18:18</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/964.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[vue-resource与axios的区别与使用]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/963.html]]></link>
<description><![CDATA[一、vue-resourcevue-resource是Vue js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。vue-resource插件具有以下特点：1 体积小vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4 5KB大小，这远比jQuery的体积要小得多。2 支持主流的浏览   ]]></description>
<pubDate>2023-06-24 23:14:59</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/963.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[在Vue中引用全局css]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/962.html]]></link>
<description><![CDATA[<img src=https://www.pweb123.com/uploadfile/2023/0624/thumb_150_150_20230624104437591.png border='0' /><br />方法一：编写一个全局css文件，然后再App vue的style中引用：1 在assets下新建一个css文件夹，编写一个全局css文件：2 在App vue中引用该全局css：&lt;stylelang=&quot;less&quot;&gt;@import&amp; 39;  assets css index css&amp; 39;;  引用全局css app{height:100%;width:100%;}&lt; style&gt;方法二：第一步同上   ]]></description>
<pubDate>2023-06-24 22:41:54</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/962.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[Vue和swiper冲突问题]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/931.html]]></link>
<description><![CDATA[以下是网上看到的常见的答案：VUE引入式开发环境中，使用swiper会出现swiper无法初始化的情况。那是因为加载swiper的时候dom还没有渲染完成，造成swiper初始化失败。解决方案：把swiper放到VUE钩子函数里面进行初始化。armyApp=newVue({el:&amp; 39; myDiv&amp; 39;,data:{},  mounted(){va   ]]></description>
<pubDate>2023-02-28 09:06:59</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/931.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[vue中的ajax一般放在哪个生命周期中]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/911.html]]></link>
<description><![CDATA[Vue生命周期beforeCreate（创建前）: 在数据观测和初始化事件还未开始,data、watcher、methods都还不存在，但是$route已存在，可以根据路由信息进行重定向等操作。created(创建后)：在实例创建之后被调用，该阶段可以访问data，使用watcher、events、methods，也就是说 数据观测(da   ]]></description>
<pubDate>2022-09-20 06:46:14</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/911.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[[Vue warn]: Error in render: “TypeError: Cannot read property ‘ xxx ‘ of undefined“报错原因和解决]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/906.html]]></link>
<description><![CDATA[<img src=https://www.pweb123.com/uploadfile/2022/0903/thumb_150_150_20220903053548716.jpg border='0' /><br />页面能够正常渲染出界面，但控制台仍然报出Error in render: &quot;TypeError: Cannot read property &amp;lsquo;0&amp;rsquo; of undefined错误，什么情况？原因：vuex中state管理加载的数据，异步调用显示，然后vue渲染机制异步数据先显示初始数据，再显示带数据的数据，所以上来加载时   ]]></description>
<pubDate>2022-09-03 17:32:36</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/906.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[vue的过滤器]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/904.html]]></link>
<description><![CDATA[过滤器(Filters)是vue为开发者提供的功能,常用于文本的格式化,过滤器可以用在两个地方: 插值表达式 和 v-bind属性绑定过滤器定义语法示例:filters:{  注意:过滤器函数形参中的val永远都是&quot;管道符&quot;前面的那个值capi(val){  过滤器中一定要有一个返回值(return)  字符串有个charAt方   ]]></description>
<pubDate>2022-09-01 22:47:39</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/904.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[Strings must use singlequote的vue项目报警示的解决]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/869.html]]></link>
<description><![CDATA[<img src=https://www.pweb123.com/uploadfile/2022/0619/thumb_150_150_20220619114012339.png border='0' /><br />启动vue项目提示：Strings must use singlequote src  components  header vue:65:19原因：这个问题说明必须使用单引号，在vue的项目开发中，如果我们在通过vue-cli脚手架构建项目的时候使用了Eslint严格模式，那么对于字符串类型的数据String必须要使用单引号，不能使用双引号，否   ]]></description>
<pubDate>2022-06-19 11:34:28</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/869.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
<item>
<title><![CDATA[Vue项目报 Unexpected tab character (no-tabs) 错误的解决办法]]></title>
<link><![CDATA[https://www.pweb123.com/frame/vue/868.html]]></link>
<description><![CDATA[<img src=https://www.pweb123.com/uploadfile/2022/0619/thumb_150_150_20220619112609210.png border='0' /><br />在写Vue项目的时候，运行Vue项目提示错误：http:  eslint org docs rules no-tabs Unexpected tab character src  components原因：这是因为eslink的代码规范检验太严格了，不允许用tab代替空格：解决方法1、去到项目目录，找到 eslintrc js文件，打开 eslintrc js文件2、在 eslin   ]]></description>
<pubDate>2022-06-19 11:22:46</pubDate>
<guid><![CDATA[https://www.pweb123.com/frame/vue/868.html]]></guid>
<author>https://www.pweb123.com</author>
</item>
</channel>
</rss>
