自己先定义图标数据，再在template里面遍历它
javascript
data(){
return {
icons:["icon-user","icon-iphone","其他图标样式"]
}
}
template
<el-row>
<el-col :span="3" v-for="(index,item) in icons" style="text-align:center">
<svg-icon :icon-class="item" ></svg-icon>
</el-col>
</el-row>
VUE.JS插件提示插件未定义怎么解决？_course
2019-10-28html代码如下 ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>插件</title> </head> <body> <div id="test"> <p v-my-directive='msg'></p> </div> <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script> <script src="../js/vue-myPlugin.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> Vue.use(MyPlugin) Vue.myGlobalMethod() const vm=new Vue({ el:'#test', data:{ msg:'I liKe EaT' } }) vm.$myMethod() </script> </body> </html> ``` 插件代码如下 ``` (function(){ const MyPlugin={} MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或属性 Vue.myGlobalMethod = function () { console.log("执行了myGlobalMethod方法") } // 2. 添加全局资源 Vue.directive('my-directive',function(el,binding){ el.textContent = binding.value.toLowerCase() }) // 3. 注入组件选项 // Vue.mixin({ // created: function () { // // 逻辑... // } // ... // }) // 4. 添加实例方法 Vue.prototype.$myMethod = function(){ console.log("执行了$myMethod实例方法") } } //向外暴露 window.MyPlugin=MyPlugin }) `` 都是照着网课老师的代码敲得，不知道哪里出错了一直提示 Uncaught ReferenceError: MyPlugin is not defined 求问各路大佬怎么解决
在html文件中引用vue.js和直接创建.vue文件有什么差别？？_course
2018-04-20在html文件中引用vue.js和直接创建.vue文件有什么差别？？
Vue.js 关于Vue.js中样式引入问题_course
2017-07-27``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue.js组件</title> </head> <body> <div id="app"> <counter heading="完美极了" bgcolor="green"></counter> <counter heading="糟糕透了" bgcolor="red"></counter> </div> <template id="mycounter"> <div class=""> <h1>{{ heading }}</h1> <button type="button" name="button" @click="plus" style="background:{{ bgcolor }}">赞赞赞{{ count }}</button> </div> </template> <script src="vue.js" type="text/javascript"></script> <script type="text/javascript"> Vue.component("counter",{ template:"#mycounter", data:function(){ return { count : 0}; }, props:["heading","bgcolor"], methods : { plus : function(){ this.count += 1; } } }); new Vue({ el : "#app" }); </script> </body> </html> ``` 上面的代码中 <button type="button" name="button" @click="plus" style="background:{{ bgcolor }}">赞赞赞{{ count }}</button> 这一行报错，报错信息为： Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div style="{{ val }}">, use <div :style="val">. 改为： <button type="button" name="button" @click="plus" v-bind:style="background:{{ bgcolor }}">赞赞赞{{ count }}</button> 后仍然报错！ 请问大家，这里应该怎么正确引入父组件传过来的bgcolor作为button的背景色？
允许在vue.js Web应用程序中动态创建sitemap.xml_course
2019-04-16<div class="post-text" itemprop="text"> <p>I have a Vue.JS single page application with a PHP back-end running on apache. The app is running fine, using the vue.js routing to navigate between pages.</p> <p>I want to dynamically create an XML sitemap based on records in a database (each record has it's own page). I have a .php file which generates the XML and returns text/xml.</p> <pre><code><?php header("Content-type: text/xml"); ?> <urlset xmlns="http://www.google.com/schemas/sitemap/0.84" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.google.com/schemas/sitemap/0.84 http://www.google.com/schemas/sitemap/0.84/sitemap.xsd"> <url> <loc>https://myapp.com/</loc> <priority>1.00</priority> </url> <?php ###### Code for calling the DB ?> </urlset> </code></pre> <p>In my .htaccess file, I'm redirecting sitemap.xml to my sitemap.php page. </p> <pre><code><IfModule mod_rewrite.c> RewriteEngine on RewriteRule ^sitemap\.xml$ /php/sitemap.php [L] RewriteRule ^([A-Za-z0-9-]+)/?$ index.php?shortName=$1 [NC,L] </IfModule> </code></pre> <p>However, the vue.js router is intercepting the request and displaying my 404 page.</p> <pre><code>const routes = [ // home {name: 'home',path: '/',component: Home}, // all my other routes here // 404 catch-all { path: '*', component: NotFound} ] </code></pre> <p>Is there a way to ignore certain routes in the vue.js router? Or am I going about this the wrong way?</p> </div>
VUE vue.config.js 配置 代理不生效_course
2020-05-18求助 使用VUE +axios 配置 跨域问题的时侯 vue.config.js 不生效 <br/> vue.config.js 文件<br/>  <br/> main.js 文件<br/>  <br/> 请求:<br/>  <br/> 结果<br/>  <br/> 它还是报了一个错误,而且 代理设置并没有生效 求助 ...如何让它生效 使代理正常..........
vue.js的ajax方法（不用jquery）如何加headers??_course
2018-11-14vue.js的ajax方法（不用jquery）如何加headers??官方例子没有headers...
vue.js2 关于post请求后端获取数据的问题_course
2018-08-21vue.js2发送post请求，在后端为什么获取不到，jquery却能获取
vue.js在<head>头文件不被使用的问题_course
2019-07-211.我通过button来调用vue方法但是我的方法放在body和html外部的时候可以正确使用， 但是放在head里面就出错 2.问题代码 ```<script> var vm=new Vue({ el: '#app', data: { showin: true, message: 'Hello Vue!' } }) </script> ``` 3.代码放在head里面出错，但是放在body和html外面不被调用 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" type="text/css" href="css.css"> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var vm=new Vue({ el: '#app', data: { showin: true, message: 'Hello Vue!' } }) </script> </head> <body> <div id="app"> <div class="app"> <button @click="showin =!showin"> 增加</button> <a > 删除</a> <a > 插入</a> </div> <div v-show="showin"> <table border="1"> <tr> <th>id</th> <th>村民</th> </tr> <tr> <td>1 </td> <td>张三</td> </tr> </table> </div> </div> </body> </html> ```
Vue.js如何实现与后台的数据交互？_course
2017-08-16看有关的教学视频，说是使用api.ajax获取数据，但是没有具体演示，所以想清大神来帮忙回答一下，Vue.js如何与后台进行数据交互，还有从后台获取数据后，如何使用，例如集合或者对象如何进行展示。希望各位大神不吝赐教，本人不胜感激！
idea2017的安装了vue.js插件后清缓存重启后，在创建vue工程下的static web下依然没有看见vue.js_course
2020-04-25如图所示： 1.插件安装成功图例如下：  2. 新建工程时，static web下的显示情况如下： 
导入页面组件替代vue.js_course
2019-06-22<div class="post-text" itemprop="text"> <p>I'm using a plain PHP site with vue.js and want to import components, As I see import only works for node and vue? Is there a solution? I'm really not that good.</p> <p>import and require js pages</p> <p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>import settings from 'settings.html'; Vue.component('app-settings', settings); import Form from 'settings.js';</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><script src="https://cdn.jsdelivr.net/npm/vue"></script></code></pre> </div> </div> <blockquote> <p>Uncaught SyntaxError: Unexpected identifier</p> </blockquote> </div>
vue.js 请求方法设置同步问题_course
2017-05-27使用vue.js对后台进行请求发送。 现在问题描述。 定义一个vue中，有6个方法，其中有一个方法请求成功后会调用另外两个方法， 调用时候，必须等第一个方法成功返回之后对页面渲染后再掉第二个方法。 目前vue 默认为异步请求，调用的第一个方法还没有渲染完页面， 第二个方法就已经请求了，造成页面获取值为未更新之前的数据。 现在想完成的形式： 定义一个vue，6个方法中，不设置就使用异步， 有一个方法需要单独设置为执行同步。 请大神说说vue的思路。就是需要vue实现部分方法同步 【ps：想说使用ajax的或者把第二个参数写在第一个参数里边的就不用说了】
vue.js 关于打包与部署的问题_course
2018-08-30vue.js 关于打包与部署的问题，vue.js具体怎么打包与部署
webStorm无法解析vue.js怎么解决？_course
2019-10-19把vue.js文件放入webStorm的项目文件夹里  提示please sprcify Node.js interpreter  且在html文件夹中提示无法解析，该怎么解决
如何将锚链接转为固定链接，vue.js开发的？_course
2018-11-02如何将锚链接转为固定链接，vue.js开发的？ 如何将锚链接转为固定链接，vue.js开发的？ 听说锚链接不利于seo，可是不知道Vue.js能不能切换模式?
Vue.js + PHP选择输入在提交时不会保留_course
2017-07-12<div class="post-text" itemprop="text"> <p>My "issue" is actually ignorance. I have an HTML form and I use <strong>Vue.js</strong> to fill a <code>v-select</code> input with PHP data:</p> <pre><code><div id="app"> <form> <v-select name="user2_id" placeholder="Seleccionar Usuario" :options="[{!! $users !!}]" class="select"></v-select> <select name="user2_type" id="user2_type" class="form-control required"> ... </select> </form> </div> </code></pre> <p>The JS part:</p> <pre><code><script src="https://unpkg.com/vue@2.1.10"></script> <script src="https://unpkg.com/vue-select@2.0.0"></script> <script> Vue.component('v-select', VueSelect.VueSelect); new Vue({ el: '#app' }); </script> </code></pre> <p>When I submit the form I only got the <strong>user2_type</strong> but not the <strong>user2_id</strong>. I think is because the browser does not recognize <code>v-select</code> as a form input.</p> <p>Is there any easy way or should I submit the form with AJAX or something else?</p> <p>Thank you</p> <p><strong>Edit: Web Inspector generated HTML output</strong></p> <pre><code><div class="dropdown v-select select searchable" name="user2_id"> <div type="button" class="dropdown-toggle clearfix"> <input debounce="0" placeholder="Seleccionar Usuario" class="form-control" style="width: 100%;" type="search"> <i role="presentation" class="open-indicator"></i> <div class="spinner" style="display: none;"> Loading... </div> </div><!----> </div> </code></pre> </div>
使用vue.js是不是可以前后端完全分离?后端不管是什么语言都可以通用?_course
2017-09-21使用vue.js是不是可以前后端完全分离?后端不管是什么语言前端都可以通用?
如何在Laravel 5.7中使用Vue.js文件（不是CDN）？_course
2019-04-14<div class="post-text" itemprop="text"> <p>I have almost completed my Admin Panel in laravel 5.7, however needed to use VueJS for some component. I am aware Vue comes by default with laravel, and also saw the app.js file under resources/js directory in laravel. </p> <p>However, is there a possibility where I can use Vue.js file that I have downloaded, and import it with the script tag? I tried by placing the script and vue code in the blade file itself, but it conflicts with the laravel {{ blade_syntax }}. </p> <p>Is there a systematic way to not use VueCLI, or CDN, but the plain vuejs file? Need I copy the vuejs file i downloaded inside Laravel Project? If so, where should I place the file?</p> <p>Or am I going wrong somewhere?</p> <p>Any suggestion would be highly appreciated.</p> </div>
vue cli3中跨域及vue.config.js配置问题_course
2019-07-30求各位大神帮忙看看 我这个报错怎么解决：  为什么这里地址还是http://localhost:8080的地址 | | | | 下面是我代码: | | | vue.config.js的配置： ``` devServer: { proxy: { '/api': { target: 'http://sandbox.starpos.com.cn/', changeOrigin: true,//设置是否跨域 ws:true, } } } ``` 这是我的请求： ``` getIndustry(){ this.$http.get("/emercapp").then(res=>{ console.log(res); if(res.status=200){ return res.data }else{ return error } }).then(data=>{ console.log(data) }) } ```
解決vue.runtime.esm.js:619 [Vue warn]: Failed to resolve directive: waves_course
2020-01-07vue.runtime.esm.js:619 [Vue warn]: Failed to resolve directive: waves ``` <script> import waves from '@/components/directive/waves' export default { components: { Pagination }, directives: { waves } ...... } </script> ```
MySQL数据库从入门实战课
2019-12-31限时福利1：购课进答疑群专享柳峰（刘运强）老师答疑服务。 限时福利2：购课后添加学习助手（微信号：csdn590），按消息提示即可领取编程大礼包！ 注意：原价129的课程，最后2天限时秒杀仅需49元！！ 为什么说每一个程序员都应该学习MySQL？ 根据《2019-2020年中国开发者调查报告》显示，超83%的开发者都在使用MySQL数据库。 使用量大同时，掌握MySQL早已是运维、DBA的必备技能，甚至部分IT开发岗位也要求对数据库使用和原理有深入的了解和掌握。 学习编程，你可能会犹豫选择 C++ 还是 Java；入门数据科学，你可能会纠结于选择 Python 还是 R；但无论如何， MySQL 都是 IT 从业人员不可或缺的技能！ 【课程设计】 在本课程中，刘运强老师会结合自己十多年来对MySQL的心得体会，通过课程给你分享一条高效的MySQL入门捷径，让学员少走弯路，彻底搞懂MySQL。 本课程包含3大模块： 一、基础篇： 主要以最新的MySQL8.0安装为例帮助学员解决安装与配置MySQL的问题，并对MySQL8.0的新特性做一定介绍，为后续的课程展开做好环境部署。 二、SQL语言篇： 本篇主要讲解SQL语言的四大部分数据查询语言DQL，数据操纵语言DML，数据定义语言DDL，数据控制语言DCL，学会熟练对库表进行增删改查等必备技能。 三、MySQL进阶篇： 本篇可以帮助学员更加高效的管理线上的MySQL数据库；具备MySQL的日常运维能力，语句调优、备份恢复等思路。
HoloLens2开发入门教程
2020-05-01本课程为HoloLens2开发入门教程，讲解部署开发环境，安装VS2019，Unity版本，Windows SDK，创建Unity项目，讲解如何使用MRTK，编辑器模拟手势交互，打包VS工程并编译部署应用到HoloLens上等。
Java进阶高手课-核心篇_course
2020-04-17<p> <br> </p> <p> Java进阶的必经之路！<span></span> </p> <p> <br> </p> <p> <b>【超实用课程内容】</b><b></b> </p> <p> 本课程囊括了<span>Java</span>语言进阶的核心知识点，以真实场景项目实战为导向，循序渐进，深入浅出的了解Java并发编程、JVM虚拟机、网络编程和MySQL应用，讲解<span>Java</span>这门使用广泛的编程语言，助你能够游刃有余地游走在这些技术之中。<span> </span> </p> <p> <br> </p> <p> 套餐中一共包含<span>4</span>门<span>Java</span>进阶必学的核心知识（共<span>57</span>讲） </p> <p> 课程<span>1</span>：《<span>Java</span>进阶高手课<span>-</span>并发编程透彻理解》 </p> <p> 课程<span>2</span>：《<span>Java</span>进阶高手课<span>-</span>深入<span>JVM</span>虚拟机》 </p> <p> 课程<span>3</span>：《<span>Java</span>进阶高手课<span>-</span>深入浅出<span>Java</span>网络编程》 </p> <p> 课程<span>4</span>：《<span>Java</span>进阶高手课<span>-</span>必知必会<span>MySQL</span>》 </p> <p> <br> </p> <p> <strong>【</strong><strong>哪些人适合学习这门课程？</strong><strong>】</strong><strong></strong> </p> <p> 1）大学生，平时只接触了语言基础，并未学习深入语言内核； </p> <p> 2）对<span>Java</span>掌握程度薄弱的人，课程可以让你更好的理解<span>Java</span>语言原理及应用 </p> <p> 3）想修炼更好的<span>Java</span>内功，工作中遇到<span>Bug</span>可以游刃有余 </p> <p> 4）被面试官打破沙锅问到底的问题问到怀疑人生的应聘者 </p> <p> <br> </p> <p> <strong>【</strong><strong>你能收获到什么？</strong><strong>】</strong> </p> <p> 1.基础再提高，针对<span>Java</span>核心知识点学透，用对<span> </span> </p> <p> 2.能力再提高，日常工作中的代码换新貌，不怕问题<span> </span> </p> <p> 3.面试再加分，巴不得面试官打破沙锅问到底，竞争力<span>MAX</span> </p> <p> <br> <strong>【课程如何观看？】</strong> </p> <p> 1、登录<span>CSDN</span>学院<span> APP </span>在我的课程中进行学习； </p> <p> 2、移动端：<span>CSDN </span>学院<span>APP</span>（注意不是<span>CSDN APP</span>哦） </p> <p> 本课程为录播课，课程<span>2</span>年有效观看时长 </p> <p> <br> </p> <p class="ql-long-24357476"> <strong>【</strong><strong>资料开放</strong><strong>】</strong><strong></strong> </p> <p class="ql-long-24357476"> 课件、课程案例代码完全开放给你，你可以根据所学知识，自行修改、优化 </p> <p class="ql-long-24357476"> 下载方式：电脑登录课程观看页面，点击右下方课程资料、代码、课件等打包下载 </p> <p class="ql-long-24357476"> <img src="https://img-bss.csdn.net/202004200153008539.png" alt=""> </p> <p> <br> </p>
- 博客 node报错Error: listen EADDRINUSE: address already in use :::9000
- 博客 SecureCRT的下载、安装（ 过程非常详细！！值得查看）
- 博客 Windows下安装nginx安装及部署
- 下载 【详解】关于msp430g2553的捕获
- 博客 vue打包采坑，打包出错，打包后空白，背景图片，音乐不显示
- 下载 基于stm32f4xx的智能手环项目.rar
- 博客 7 天学会 Spring Cloud 系列之《Spring Cloud Eureka 实现高可用服务发现注册中心》
- 博客 英语口语351之每日二十个英语单词
- 下载 三星S6D1121主控彩屏(24032018bit,262K)驱动程序
- 下载 将Matlab的fdatool生成的Coefficients导出
- 下载 Django学习笔记.docx
- 下载 10.15.4.zip
- 下载 避免放大器电路设计中的常见问题
- 学院 Python人工智能全程套餐课
- 博客 SQL不存在创建，存在更新
- 下载 多层PCB板设计中接地经验谈
- 学院 大数据分析闯关训练营-直播回放
- 学院 Java全栈工程师-SSH框架整合
- 学院 visual studio 2019实战教程
- 学院 Kali Linux2020.2最新渗透攻防与安卓渗透攻防实战
- 博客 数控自动编程的内容与步骤
- 下载 用C语言进行CGI程序设计
- 学院 大白话GBDT算法-通俗理解GBDT原理
- 博客 入门金融IT行业必学 从0到1 开发撮合交易系统
- 博客 2020熔化焊接与热切割作业考试题库及熔化焊接与热切割操作证考试
- 学院 Java核心基础编程精讲-网络编程
- 博客 Python字符串
- 学院 Python星选卡，用1门课的钱买7门好课
- 博客 Java蓝桥杯19年第二题矩形切割
- 下载 带参数的宏定义理解篇