vue
关注
分享
扫一扫
逆风飞翔的代码单身狗
这个作者很懒，什么都没留下…
展开
-
【vue+elementUI】要根据数组里的每一项值里面的某一个状态决定是否显示或样式
elementUI 根据某一行或列的状态显示不同的内容 // 表格数据 tableData: [ { index: 1, date: "1981-06-26", dayTime: "下午05：00", discription: "影响注记服务", name: "影响注记服务", type: "普通用户", address: "上海市普陀区金沙江路 1518 弄", use_charge: true,原创 2021-05-19 10:55:43 · 843 阅读 · 0 评论 -
【业务】记住密码
记住密码原创 2020-09-15 14:00:37 · 122 阅读 · 0 评论 -
【vue-mvvm】binder（Two-way data-binding）
MVVM只需要在view层，使用v-model这个指令指明它的数据与model哪一块数据绑定即可，而当view层这一块数据发生变化，会同步地更改module层里面的数据相应的部分原创 2020-09-15 11:39:26 · 346 阅读 · 0 评论 -
Vuex-vue状态管理
Vuex-用户需求与数据处理1.Vuex的五要素：Vuex通过实例化成对象Store，随后挂载成全局对象，它一共有五个属性：state 用于存放数据，类似于组件中的data不同之处：state所存放的数据是公用的，但是组建中的data是私有的，所以在整个项目的随意一个组件中都可以调取和修改Store中的数据所以才会存在父子组件、兄弟组件之间的通信（传值），后续给大家一一讲解父子组件、兄弟组件之间的通信方式Mutations：存放改变state中存放的数据的方法。只能处理同步请求Actions：原创 2020-09-15 11:39:05 · 97 阅读 · 0 评论 -
【vue】vue-router路由跳转踩坑
vue-router请求方式我们知道有两种（get/post），对应的路由跳转和传递参数的方式也不同路由跳转有四种router-link和router-view对应this.$router.push({})上面两种会把路由的跳转记录到history栈中去，可以回退，后两种没法回退到上一步路由this,$router.replace()this.$router.go(n) n为整数（正数代表向前跳转，负数代表向后）this.$router.push()传递参数也有经典的两种，混淆起来就很难分原创 2020-09-15 11:06:03 · 453 阅读 · 0 评论 -
【vue】vue项目配置解决同源策略
vue项目解决同源策略重写url原创 2020-09-09 15:26:47 · 896 阅读 · 0 评论 -
【vue】双语/多语网页切换
多语网页切换看到有些网页支持多种语言之间的切换是不是很牛逼？其实不然，你也可以的，它只是在你事先准备好的几个翻译的版本之间切换，在你想要翻译的地方把翻译放进去就可以了1.安装vue-i18n插件npm install vue-i18n2.在这里把你引进的vue-i18n作为中间件处理我们接触过的中间件有bodyParser/queryString等等vue-i18n.js// 国际化设置import Vue from 'vue'import VueI18n from 'vue-i18n原创 2020-09-08 15:52:07 · 1005 阅读 · 0 评论 -
【vue】 vue-cli踩坑
vue-cli 2.xvue 2.x 全局安装vue-cli脚手架cnpm i -g vue-cli // 全局安装vue-clivue --version // 查看当前vue-cli的版本vue init webpack-simple . // 在当前文件夹下初始化项目，以当前文件夹的名字作为项目名vue init webpack project(你要命名的文件夹)vue-cli 3.xvue3.x^安装vue-clicnpm i -g @vue/cli vue --v原创 2020-08-24 13:46:38 · 164 阅读 · 0 评论 -
【vue】路由跳转+模糊搜索
vue 路由跳转+模糊搜索原创 2020-08-24 11:33:00 · 495 阅读 · 0 评论 -
【ms】Vue和 React
msVue 和 react 的区别：同：它们都用到Virtual DOM，是一个映射真实DOM的JavaScript对象，如果需要改变任何元素的状态，那么是先在Virtual DOM上进行改变，而不是直接改变真实的DOM。当有变化产生时，一个新的Virtual DOM对象会被创建并计算新旧Virtual DOM之间的差别。之后这些差别会应用在真实的DOM上。原文链接：http://caibaojian.com/vue-vs-react.html1.渲染的时候不同：Vue宣称可以更快地计算出Vir原创 2020-08-01 23:09:34 · 142 阅读 · 0 评论 -
【vue】搜索框实现--模糊匹配&&动态刷新，简单模拟
vueApp.vue/* eslint-disable no-unused-expressions */<template> <div class="main"> <div id="App"> <header> <input type="text" placeholder="请输入内容" v-model="msg"原创 2020-07-28 10:41:12 · 550 阅读 · 0 评论 -
【vue】 watch、computed
监听属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdelivr.net/np原创 2020-07-27 16:15:27 · 142 阅读 · 0 评论 -
【vue】 Vue.set
问题描述<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdelivr.net/np原创 2020-07-27 11:11:40 · 112 阅读 · 0 评论 -
【vue】 vue组件
组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/原创 2020-07-26 17:55:47 · 85 阅读 · 0 评论 -
【vue】MVVM
MVVMM：modelV：viewVM：viewmodel双向数据绑定：在vue创建vm的时候，会将数据分别配置到相应的实例里面去，通过Obj.defineProperty给每个数据动态地添加相应的getter和setter方法，当获取数据的视乎会触发getter方法，当设置数据的时候会触发setter方法，setter方法触发完毕的时候，内部会进一步触发watcher方法，驱动视图的改变。...原创 2020-07-26 16:28:14 · 112 阅读 · 0 评论 -
【vue】 eslint-- Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag
vue Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag.eslintrc.jsmodule.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue/essential', '@vue/standard' ], parserOptions: { parser: 'babel-原创 2020-07-26 16:13:02 · 1950 阅读 · 0 评论 -
【eslint】no-used-expressions
eslint假如你用了eslint以后还是会出现许多报错或者警告，也许可以通过代码注释的方式帮你消除这些警告或者报错/*eslint-disable*/这个是消除的万能式子，也许你想把它写进你的自定义规则里面，可以尝试这样：{ "root": true, "parserOptions": { "sourceType": "module" }, "extends": [ "@vue/standard" //eslint起检测作用主要的代码 ], //原创 2020-07-25 17:07:16 · 1797 阅读 · 0 评论 -
【vue】 vue-cli
vue-clivue创建项目：vue init 项目名（vue 2.x）vue create 项目名（vue 3.x）或vue ui 图形化界面创建项目原创 2020-07-25 13:36:26 · 79 阅读 · 0 评论 -
【vue】 vue
vue1. Vue组件间传值 答： - [ ] > 1. 父子之间的传值 > > 父组件向子组件传值**通过prop**子组件在props中创建一个属性，用以接收父组件传过来的值 > > 子组件向父组件传值在响应该点击事件的函数中使用$emit来触发一个自定义事件在父组件中注册子组件并在子组件标签上绑定对自定义事件的监听 > > 2. 非父子之间的通讯 >原创 2020-07-25 10:05:43 · 107 阅读 · 0 评论 -
【vue-mvp】 MVP模型
mvp模型该模型内model层与view层没有必然联系，所有的操作都将通过presenter这个中间件进行转发Presenter通过对model层数据进行观察，Presenter与view层的联系较为强烈view层已经不需依赖于model层，故而view层可以进行组件化，但是model->view层手动同步逻辑困难，维护困难...原创 2020-07-22 14:07:45 · 297 阅读 · 0 评论 -
【vue-mvc】mvc模型的优势
mvc上次我们说到mvc切换一个box的显示与隐藏，今天我们来说一下mvc的优势假如我们上次用原生去控制box的显示与隐藏：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document原创 2020-07-22 11:34:04 · 322 阅读 · 0 评论 -
【vue】 mvc模型 module-view-controller
mvcmodule–数据层view —视图层controller—控制层要实现的效果----点击按钮实现box的显示与隐藏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume原创 2020-07-21 21:40:22 · 497 阅读 · 0 评论 -
【nodejs】Eslint -- 代码规范与自动修复
Eslint – 代码规范与自动修复原创 2020-07-21 19:42:11 · 1634 阅读 · 0 评论 -
【Vue】 - - - - 自己的理解
一.JS在前端代码：在书写前端JS框架的时候,JS的功能主要分为: 1.渲染数据(一般都是利用后端传来的数据来渲染页面); 2.操作dom(定时器,轮播图,一些css做不到的特效); 3.操作cookie,session,localStorage等存储机制等三个方面,那么高效的操作dom,减少操作次数,可以大大地减少浏览器的'负担',提高性能在数据量比较混乱的情况下，渲染和操作数据也是...原创 2020-03-26 23:19:35 · 147 阅读 · 0 评论