vue2
axios.defaults.baseURL = 'http://192.168.1.118:808';axios.defaults.withCredentials = true;axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';http://www.ituring.com.cn/article/200275.withCredentials()方法可以激活发送原始cookie的能力,不过只有在A...
2024-01-10
vue总结2
一.过滤器content | 过滤器 ，vue没提供过滤器 ，可自己定义；组件内过滤器就是options中的一个filters属性（一个对象），多个key就是多个过滤器名，多个value就是过滤器方法体；全局：范围大，权利小； 组件内：当过滤器名相同时权力大，范围小； 如图 ：二.获取DOM元素created(){} :组件创建后，数据已...
2024-01-10
vue2警告
vue.esm.js?65d7:558 [Vue warn]: You may have an infinite update loop in watcher with expression "inputText"Vue.js 默认异步更新 DOM。每当观察到数据变化时，Vue 就开始一个队列，将同一事件循环内所有的数据变化缓存起来。如果一个 watcher 被多次触发，只会推入一次到队列中。等到下一次事件循环，Vue 将清空队列，只进行必...
2024-01-10
vue2路由
vue2的路有非常的简单好用，假如你先学的vue2的路有再去看vue1的路有是看不懂的，所以建议学了vue2就没必要再去看vue1的路有了。直接show代码把，有一个非常不错的demo:http://jsfiddle.net/yyx990803/xgrjzsup/...
2024-01-10
vue2 知识点
1.组件-内容模块化-复用2.指令-功能抽象化-面向切面3.混入-继承 or 装饰4.过滤器-文本格式化5.插件-功能规模化，模块化6.路由-页面规模化 7.父组件-子组件参数传递指令:v-if,v-else,v-else-if,v-show,v-for,v-on,v-bind,v-model,v-slot动态:<a v-bind:[attributeName]="url"> ... </a><a v-on:[eventName]="doSomething"> ... </a>v-slot:[dynamic...
2024-01-10
vue通信
组件实例的作用域是孤立的。一、父子通信 父组件通过props向下传递数据给子组件，子组件通过events给父组件发送消息。 要让子组件使用父组件的数据，我们需要通过子组件的props选项。prop是单向绑定的，父组件属性变化时，将传递给子组件，但是不会反过来。 子组件想要和父组件通信...
2024-01-10
vue开发
前端架构之路：使用Vue.js开始第一个项目 Vue.js做为目前前端最热门的库之一，为快速构建并开发前端项目多了一种思维模式。本文通过一个简单的实例开始上手Vue.js开发。 一、技术准备 使用传统mvc项目的开发人员，笔者建议在开始项目前，对以下两个技术点进行了解。 1、 Vue.js...
2024-01-10
vue体验
#################################安装：1，安装node.js ：Javascript运行环境，其中的npm就是Node.js下的包管理器。2，命令行安装cnpm ：npm install -g cnpm --registry=https://registry.npm.taobao.org3，命令行vue的脚手架vue-cli：npm install -g vue-cli4，vscode软件安装：5，vscode中安装插件：Vetur插件脚手架使用：1，创建vue项...
2024-01-10
vue的坑
1.获取地址栏参数 this.$route.query.id2.用this.$router.push({path:'index',query:{id:1}})跳转页面无刷新，无法监听传递的参数，可用以下方法解决：watch:{ '$route':'fun'}fun为地址栏变化要写的函数3.组件变量是数组的，v-for时，要写:key="index";4.在光标处插入值<textarea ref="mytextarea" v-model='editMsg' class="editMsg" maxlen...
2024-01-10
vue2 开发总结
vue-cli学习资料：http://m.php.cn/article/394750.html 或https://www.cnblogs.com/zhanglin123/p/9270051.htmlvue-cli 实践案例 ： https://blog.csdn.net/yuanyuanispeak/article/details/735305231、vue插件全局都用（toast 插件 示例）：https://www.jb51.net/article/121120.htm 或 https://bl...
2024-01-10
vue(七)
给文件夹取别名通过import导入的时候可以直接应用别名而通过非import的方式引入的时候，要在别名前面加一个"~"PromisePromise是ES6的新增内容通过setTimeout模拟异步请求一秒钟后打印Hello WorldPromise的简单体会通过promise可以将回调地狱转化为链式编程，结构更清晰，代码更优雅Promise讲解Promise的三...
2024-01-10
vue：概要
#安装nodejs-官网安装包配置环境变量node -v#安装webpacknpm install webpack -g#安装vue-clinpm install vue-cli -g#新建项目vue init webpack vuedemo#运行项目npm run devnpm install报错的npm cache clean --force CNPM安装npm install -g cnpm --registry=https://registry.npm.taobao.org二、生命周期3、部署npm...
2024-01-10
vue2 核心概念
一、vue变量所有的 vue变量 ，必须在data：中有注册（哪怕内容是空，相当于声明这个是变量，是vue变量而不是js变量）。这里的变量也可以运算。（注意：所有的框架一定要注意js变量和框架的变量，js变量和框架的变量是可以相互转换，获取的。框架的变量有这个框架变量的定义方法，如东信公司...
2024-01-10
vue2.x的初始化
其实，vue2.x的模板安装完之后就初始化了，故本文将围绕着模板剖析下初始化的主要流程。首先，打开项目的主目录下的index.html文件，顺藤摸瓜，就会找到该项目的入口js主文件（/src/main.js）。然后，进入 /src/main.js 文件，如下图所示：故，从上图可知main.js的主要结构，还可以找到项目的 主组件...
2024-01-10
vue总结 02指令
指令v-text预期：string详细：更新元素的 textContent。如果要更新部分的 textContent ，需要使用 {{ Mustache }} 插值。示例：<span v-text="msg"></span><!-- 和下面的一样 --><span>{{msg}}</span>参考：数据绑定语法 - 插值v-html预期：string详细：更新元素的 innerHTML 。注意：内容按普通 HTML 插入 - 不...
2024-01-10
vue2 代码报错？
前端进入这个页面控制台就报错，请大佬帮帮看下哪里有问题？<!-- 登录注册 --><template> <div id="login-img" style="height: 980px"> <div class="container"> <h1 class="loginTitle"> </h1> <!-- 登录注册 --> <div ...
2024-03-10
vue日常学习（2）
1.组件学习之内容分发1.1 作用域插槽父级<div class="parent"> <child> <template scope="props"> <span>hello from parent</span><br/> <span>{{ props.text }}</span><br/> <span>{{ props.text2 }}</span><br/> <span>{{ props.text3 }}</span> </template> </chil...
2024-01-10
vue开发规范
https://juejin.im/post/5ada9b586fb9a07aaf34c746https://juejin.im/post/5b67e49551882508603d1431#heading-29...
2024-01-10
vue开发小结
1，组件中使用camelCased（驼峰式）命名，在html中应改为kebab-case（短横线）命名方式。2，自定义组件的v-model使用一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件，但是像单选框、复选框等类型的输入控件可能会将 value 特性用于不同的目的。model 选项可以用来避免这样的冲突...
2024-01-10
vue2上传多个文件？
<template> <el-upload actions="#" :http-request="uploadFile" :mulitiple="true" :auto-upload="true" :file-list="fileList" :on-change="handleChange" :show-file-list="false"...
2024-03-10
vue2记录的一些问题
1>vue双向绑定。数字类型居然为字符串?双向绑定之后。数字变成了字符串。原来是因为没有写 v-model.number=的这种绑定。见https://cn.vuejs.org/v2/guide/forms.html，后面的内容会有问题。就会加。...
2024-01-10
vue2 开发问题整理
vue2 常见坑做了vue2 项目，把遇到的坑整理下:babel 解析报错 未使用eslint SyntaxError: Unexpected token methods: { …mapActions([ ‘increment’, ‘incrementIfOdd’ ]) } 解决方案：可以安装整个stage2的预置器或者安装 Object Rest Operator 的babel插件 babel-plugin-transform-object-rest-spread 。 但是我已近配置了stage2,接着在...
2024-01-10
vue2和vue3比较
vue2和vue3比较一.vue3新特性： 1.数据响应重新实现（ES6的proxy代替Es5的Object.defineProperty） 2.源码使用ts重写，更好的类型推导 3.虚拟DOM新算法（更快，更小） 4.提供了composition api，为更好的逻辑复用与...
2024-01-10vue2具名插槽失败？
下面的部分代码subsidy-rules组件 <el-form-item class="m-t-25"> <slot name="butt"></slot> </el-form-item>b组件 <subsidy-rules > <template v-slot:butt> <el-button type=...
2024-03-06
vue2源码浏览分析01
1.构造函数 Vue$3function Vue$3 (options) { if ("development" !== 'production' && !(this instanceof Vue$3)) { warn('Vue is a constructor and should be called with the `new` keyword'); } //执行初始化方法 this._init(options);}initMixin(Vue$3);stateMixin(Vue$3...
2024-01-10
