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...
2022-05-16vue2警告
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 将清空队列,只进行必...
2022-05-18vue总结2
一.过滤器content | 过滤器 ,vue没提供过滤器 ,可自己定义;组件内过滤器就是options中的一个filters属性(一个对象),多个key就是多个过滤器名,多个value就是过滤器方法体;全局:范围大,权利小; 组件内:当过滤器名相同时权力大,范围小; 如图 :二.获取DOM元素created(){} :组件创建后,数据已...
2022-05-25vue2 知识点
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...
2022-05-28vue开发
前端架构之路:使用Vue.js开始第一个项目 Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式。本文通过一个简单的实例开始上手Vue.js开发。 一、技术准备 使用传统mvc项目的开发人员,笔者建议在开始项目前,对以下两个技术点进行了解。 1、 Vue.js...
2022-05-26vue系列
vue学习(一)ES6常用语法vue学习(二)Vue常用指令vue小练习--音乐播放器vue学习(三)组件传值vue学习(四)插槽vue学习(五)生命周期 的钩子函数vue学习(六)异步组件加载vue学习(七)refs的使用vue学习(八)nextTick[异步更新队列]的使用和应用vue学习(九)对象变更检测注意事项vue学习(十...
2022-05-11vue优点
低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。独立开发。开发人员可以专注于业务逻辑和数据的开发(Vi...
2022-05-18vue2 开发总结
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...
2022-05-15vue 按需加载2
vue异步组件技术vue-router配置路由,使用vue的异步组件技术,可以实现按需加载。这种方式下一个组件生成一个js文件用例:{ path: \'/promisedemo\', name: \'PromiseDemo\', component: resolve => require([\'../components/PromiseDemo\'], resolve) }es提案的import() (推荐)webpack官方文档:webpack中使用import()vue官方文档:...
2022-05-18vue总结1
双向数据流:js内存属性发生改变,影响页面变化;页面的改变影响js内存属性的改变;常用指令V-text 是元素的innertext只能在双标签元素中;v-html 元素的innerhtml不能包含表达式;v-if 元素是否插入v-show 元素是否隐藏v-model 上香数据绑定v-bind 单项数据绑定el: 渲染内容目的地(写定的)render 渲染...
2022-05-15vue踩坑记
【1】启动vue2项目的时候报 Eslint 语法检查错误: Errors: 1 http://eslint.org/docs/rules/no-multi-spaces解决方法:修改 /config/index.js文件里的useEslint:true 改为useEslint :false ...
2022-05-26vue总结 02指令
指令v-text预期:string详细:更新元素的 textContent。如果要更新部分的 textContent ,需要使用 {{ Mustache }} 插值。示例:<span v-text="msg"></span><!-- 和下面的一样 --><span>{{msg}}</span>参考:数据绑定语法 - 插值v-html预期:string详细:更新元素的 innerHTML 。注意:内容按普通 HTML 插入 - 不...
2022-05-29vue2 核心概念
一、vue变量所有的 vue变量 ,必须在data:中有注册(哪怕内容是空,相当于声明这个是变量,是vue变量而不是js变量)。这里的变量也可以运算。(注意:所有的框架一定要注意js变量和框架的变量,js变量和框架的变量是可以相互转换,获取的。框架的变量有这个框架变量的定义方法,如东信公司...
2022-05-14vue2.x的初始化
其实,vue2.x的模板安装完之后就初始化了,故本文将围绕着模板剖析下初始化的主要流程。首先,打开项目的主目录下的index.html文件,顺藤摸瓜,就会找到该项目的入口js主文件(/src/main.js)。然后,进入 /src/main.js 文件,如下图所示:故,从上图可知main.js的主要结构,还可以找到项目的 主组件...
2022-05-27vue白屏现象
不知道大家有没遇到过,就是使用vue框架制作一个列表页和一个详情页。1 上拉一下列表页2 点击进去详情3 然后什么都不操作直接返回。列表页会看到一个白屏(其实是body的background-color),fixed的元素会看到,但列表页其他的就看不到了,只要上拉一下又出现了。ps:不上拉列表页,然后进去详情...
2020-03-24vue变异方法
push() 往数组最后面添加一个元素,成功返回当前数组的长度 pop() 删除数组的最后一个元素,成功返回删除元素的值 shift() 删除数组的第一个元素,成功返回删除元素的值unshift() 往数组最前面添加一个元素,成功返回当前数组的长度 splice() 有三个参数,第一个是想要删除的元素的下...
2022-05-15vue2记录的一些问题
1>vue双向绑定。数字类型居然为字符串?双向绑定之后。数字变成了字符串。原来是因为没有写 v-model.number=的这种绑定。见https://cn.vuejs.org/v2/guide/forms.html,后面的内容会有问题。就会加。...
2022-05-12pm2 启动vue问题
我想用pm2启动vue,我看教程上说但是我的build文件夹下面是我应该怎样启动呢回答:你的 dev-server.js 文件呢,被你删了吗。。。重新找一个放在下面吧回答:看你package.json中的配置路径回答:你大概新建项目时候用的是 webpack-dev-server吧。如果用pm2 就不用这个了回答:const express = require('express');co...
2021-05-07vue2 开发问题整理
vue2 常见坑做了vue2 项目,把遇到的坑整理下:babel 解析报错 未使用eslint SyntaxError: Unexpected token methods: { …mapActions([ ‘increment’, ‘incrementIfOdd’ ]) } 解决方案:可以安装整个stage2的预置器或者安装 Object Rest Operator 的babel插件 babel-plugin-transform-object-rest-spread 。 但是我已近配置了stage2,接着在...
2022-05-09vue2和vue3比较
vue2和vue3比较一.vue3新特性: 1.数据响应重新实现(ES6的proxy代替Es5的Object.defineProperty) 2.源码使用ts重写,更好的类型推导 3.虚拟DOM新算法(更快,更小) 4.提供了composition api,为更好的逻辑复用与...
2022-05-09Pm2 启动vue问题
Pm2怎么启动vue,pm2 start npm -- run dev/serve 则在提示script no found?怎么搞?回答pm2 作为一个生产环境的工具, 用来跑 vue 非常奇怪 (跑 express 这类才是它应有的场景)vue 应该是 build 后使用 nginx / apache 这类专业 web 服务器来提供服务...
2020-07-28vue2源码浏览分析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...
2022-05-19vue(21)初识Vuex
Vuex是做什么的?官方解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window),提供了诸如零配置的 time-travel 调试、状态快照导...
2022-08-17vue2过滤器模糊查询方法
如下所示:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div id="app"> <input type="text" v-model='search' /> <ul v-for="item in searchData "> <li>{{item.name}},价格:¥{{item.price}}</li> </ul></div><script src="vue.js">...
2022-05-22vue2 前端搜索实现示例
项目数据少的时候,搜索这样的小事情就要交给咱们前端来做了,重要声明,适用于小项目!!!!!其实原理很简单,小demo是做搜索市区名称或者按照排名搜索。<div> <input type="text" v-model="name" placeholder="点击搜索按钮筛选" /> <input type="button" @click="search" /></div><table> <tbody> <tr v-for="item...
2022-04-30