weixin_43942304的博客

vueCli3中使用代理，点击页面的刷新按钮时报错点击刷新变成下面这种情况解决方式：publicPath: 将其值改为 publicPath: ‘/’（去掉/前的.）module.exports = { publicPath: './', devServer: { proxy: { '/cresource': { // 资料下载使用 target: 'http://localhost:8081', // 要

elementUI表单验证注意：el-form中要有：:model=" " :rules=" "el-form-item要有：prop如果点击提交时也启动验证：el-form中要有 ref=""<template> <div> <div class="manage_tip"> <span class="title">表单在提交的时候进行验证</span>

vue中登录验证sessionStorage和router.beforeEach结合使用1.点击登录按钮后设置sessionStorage的值，如<!--从后端返回这个登录的对象，如果不为null，设置sessionStorage的值为100--> axios.post('http://localhost:8080/jas/mport/sys/login',formDate).then(function (resp) { if (resp.data !=null &&a

路由容器讲解this.$router.push()是如何知道将某个组将插入到哪个路由容器的呢？其实是根据路由来决定的（即router文件夹中index.js中的路由结构来决定的），比如有一个这样的路由结构：在SysMainPage中存在一个路由容器<router-view></router-view>，在App.vue中也存在一个路由容器<router-view></router-view>项目结构如下图：我在SysMainPage中写一个按钮，

vue中选项和url根据彼此的改变实现高亮显示主要时声明式导航标签中的activeClass属性起的作用，tag属性的作用是转为指定的标签demo当url改变时，选项变色；选择选项时，选项也变色

vue中解决跨域问题当出现跨域问题时会报在vue.config.js文件中配置，vue.config.js 是一个可选的配置文件（没有自己创建就行）和 package.json 同级module.exports = { devServer: { proxy: { '/ajax': { target: 'http://m.maoyan.com', // ws: true, changeOrigin: true }

创建VUE项目进入任意一个文件夹（存放项目），按shift+鼠标右键，出现创建项目命令：vue create 项目名点击回车，出现（通过键盘上下箭头指定选项）点击回车，出现（空格键让选项选中）点击回车，做出一些选择点击回车，开始下载包想在的可能比较慢，crtl+c结束下载，进入项目目录shift+鼠标右键，输入cnpm i 点击回车后，重新下载包下载完成后出现...

vue动态设置样式<template> <div class="cinema" :style="mystyle"><!--动态设置内敛样式，以对象的方式--> <ul> <li v-for="data in datalist" :key="data.cinemaId"> {{data.name}} </li> </ul> </

组件：slot插槽知识点slotslotslot是父组件与子组件的通讯方式，可以将父组件的内容显示在子组件当中。综合例<div id="myApp"> <say-to pname="koma"> 你的视频做的太差了。 </say-to> <say-to pname="mike"> 你千万不要学koma。 </say-to> <say-to pname="j

组件：参数验证知识点props:组件参数验证语法组件的数据为组件中接受到的变量进行逻辑验证。综合例<div id="myApp"> <h1>身世之谜</h1> <show-member-info name="koma" :age="25" :detail="{address:'earth', language:'世界语'}"></show-member-info></div><script&gt

组件：基础的基础知识点组件（Component,Portlet）组件组件就是页面上的一小块区域内容，完成一个小的页面功能，请参照视频第六课。综合例<div id="myApp"> <today-weather></today-weather></div><script> Vue.component('today-weather', { template: '<div>今天下雨，出不去啦

表单下拉框知识点v-modelselect表单下拉框绑定<div id="myApp"> <h3>你最喜欢的NBA球星是：</h3> <select v-model="likedNBAStar" style="width:210px;"> <option>科比</option> <option>詹姆斯</option> <opti

JS对象迭代知识点v-forv-for循环JS对象，把对象内容循环显示到页面上。<div id="myApp"> <h1>JS对象迭代</h1> <div v-for="(value, key) in mygame"> {{ key }} : {{ value }} </div></div><script> var myApp = new Vue({

Class绑定知识点v-bind:classv-bind:class为html标记绑定样式单class属性。<div id="myApp"> <div v-bind:class="{active:isActive}">红色文本1</div> <div :class="{active:isActive}">红色文本2</div> <button @click="btnClick">改变class吧&l

组件知识点componentcomponent定义页面的局部区域块，完成单独的页面小功能。<div id="myApp"> <ol> <game-item v-for="item in games" v-bind:game="item"></game-item> </ol></div><script>/* 组件定义：game-item */Vue.component('game-item

条件与循环知识点v-ifv-forv-if条件判断式，根据表达式的真伪进行页面处理。<p v-if="seen">快看我！</p>v-for处理数组循环，将数据循环显示到页面上。<ol> <li v-for="game in games"> {{ game.title }} </li></ol>综合例<div id="myApp"> <h3>游戏列表<

从index.html开始知识点html5文档vue.js导入Vue对象index.html从第一个index.html开始吧！vue.js引用<script src="https://unpkg.com/vue/dist/vue.js"></script>html代码块<div id="myApp"> {{ message }}</div>javascript脚本部分var myApp = new Vue({ el:

组件：slot插槽知识点slotslotslot是父组件与子组件的通讯方式，可以将父组件的内容显示在子组件当中。综合例<div id="myApp"> <say-to pname="koma"> 你的视频做的太差了。 </say-to> <say-to pname="mike"> 你千万不要学koma。 </say-to> <say-to pname="j

什么是Vue.js？Vue.js是一套开发Web页面的Javascript脚本框架，听起来难，其实是Web-Javascript脚本框架中最容易上手的框架，没有之一。官方网站https://cn.vuejs.org/竞争对手AngularJS1/AngularJS2ReactJSEmberJSKnockout等等https://cn.vuejs.org/v2/guide/comparison.html技术前提HTML/CSSJavascriptNode.js(极力推荐)

所在目录：node_modules@vue\cli-service\lib\commands需要修改的文件：serve.js链接

<template> <div id="app"> <header> <h3>搜索</h3><input type="text" v-model="rs"> <button @click="toTarget('#' + rs)">确定</button> </header> <div v-for="d in ds" :key="d" :id="d">

记录一下vue中遇到的坑，在vue组件的中随便写一个值，修饰该值的位置没有效果，原因是在app.vue中vuecli默认的用了flex，删掉#app {}中的 text-align: center;就可以了