![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
良言SE
编程: web 开发,java 开发,bi 任务调度
html+css
js
java,mybatis,springBoot
sql,oracle,mysql
展开
-
vue + element 项目实战
element-upload <el-upload style="display: inline-block; margin-right: 13px" action="" :http-request="importExcel" :before-upload="beforeAvatarUpload" :show-file-list="...原创 2019-07-01 14:22:43 · 978 阅读 · 0 评论 -
2021-01-28【数据对象去重】
数据对象去重 // reduce() 方法接收一个函数 function(all,next){} // all: 初始值, 或者计算结束后的返回值。 // next:当前元素(curr) // reduce() 对于空数组是不会执行回调函数的 // some() 方法接收一个函数,方法用于检测数组中的元素 function(item){} // item: 数组种当前子项, index,arr // es6 解构运算符扩展: let all = [...all, next] // let all =原创 2021-01-28 13:52:56 · 135 阅读 · 0 评论 -
vue+ element项目实践【2020】
vue 事件绑定 <el-button type="success" size="mini" icon="el-icon-plus" class="add-button" @click="editAction(null,'create')">新增</el-button> vue 主键 <OperateModel ref="operateModel" :flag="operateModelFlag" @updateOperateModelFlag="updateOperateM原创 2020-08-04 10:41:09 · 173 阅读 · 0 评论 -
vue2.x 202005
vue2.x -简介 node/npm 包管理器 vue-cli 工程搭建 mvvm 框架进行代码划分和分工 vm 代表 vue 实例 vue 常用选项参数 var vm = new Vue({ data: {}, created(){}, computed:{}, watch:{}, methods:{}, }) vue 组件 组件注册有全局注册和局部注册 Vue.component("",{ props:[], // 参数接收 template:"", // 参数.原创 2020-05-28 09:42:52 · 124 阅读 · 0 评论 -
@ 科普
vue 引入组件的几种方式 在vue项目中 @ 符号代表的是根目录,即 src 目录 <img src="~@/assets/imgs/post.png">原创 2020-03-16 16:18:41 · 71 阅读 · 0 评论 -
vue event bus
// eventBus.js import Vue from 'vue' export default new Vue() // 调用 bus.$on('switchPage', (params) => { currentMenuList = params }) bus.$emit('switchPage', currentMenuList)原创 2020-03-12 11:23:16 · 123 阅读 · 0 评论 -
vue1.x 迁移策略
vue1.x 大部分可以通过查找和替换 (find-and-replace) 来实现升级 只有 Vue Router 2 与 Vue 2 保持兼容,所以 Vue Router 是需要升级的 对于 Vuex ,版本 0.8+ 与 Vue 2 保持兼容,所以部分不必强制升级 区别 模板/view 每个组件必须只有一个根元素。不再允许片段实例 v-for ...原创 2020-03-11 11:07:12 · 109 阅读 · 0 评论 -
vue2.x
vue-router 路由管理 const jbzhList = () => import('../views/phjrstbt/system/qypz/main.vue') vuex 状态管理 vue 共享唯一数据源 子组件们的每个实例也会通过 this.$root.$data 状态管理问题 转义(渲染)细节 <script>aler...原创 2020-03-11 10:25:03 · 78 阅读 · 0 评论 -
如何用vue-cli 搭建一个项目?
指路明灯 环境准备 node -v npm -v cnpm -v vue -V 全局安装淘宝镜像 npm install -g cnpm –registry=https://registry.npm.taobao.org 项目创建 创建一个基于 webpack 模板的新项目: vue init webpack 项目名 安装依赖 cnpm i 项目文件夹中会多出一个目...原创 2020-02-24 11:21:53 · 71 阅读 · 0 评论 -
vue 组件搭建
cfMsgInfo.vue import import CfMsgInfo from './components/cfMsgInfo.vue' 组件注册 { name:'' components: { CfMsgInfo}, // 局部组件注册 data(){return{}}, created(){}, methods:{}, } ref ...原创 2019-12-09 15:24:23 · 90 阅读 · 0 评论 -
【review】vue 语法
vue语法 基于html模板语法 <div class="err-info-div">{{accountErrInfo}}</div> 属性动态绑定和修饰符 .sync 同步修饰符 带有 .sync 修饰符的 v-bind 不能和表达式一起使用 用一个对象同时设置多个 prop 的时候,也可以将这个 .sync 修饰符和 v-bind 配合使用 把 doc 对...原创 2019-11-26 15:39:37 · 205 阅读 · 0 评论 -
vue 路由 参数读取
export default{ data(){return{ exportshowFlag:false; // 是否显示导出按钮 }}, created(){ this.initPage(); this.reload(); }, watch :{ '$route': function ...原创 2019-10-28 15:09:50 · 139 阅读 · 0 评论 -
【review】vue 组件
vue 组件 因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项, 例如 data、computed、watch、methods 以及生命周期钩子等。 仅有的例外是像 el 这样根实例特有的选项。 组件可以进行进行任意次数的复用 使用 v-bind 来动态传递 prop 通过 v-on 监听子组件实例的任意事件,同时子组件可以通过调用内建的 $emit 方法触发该事件 ...原创 2019-10-22 16:30:41 · 174 阅读 · 0 评论 -
vue 集成 echarts
npm 包管理 全局注册 main.js 组件 编码 https://www.cnblogs.com/chengxiaolong/p/10194913.html原创 2019-10-12 14:16:44 · 75 阅读 · 0 评论 -
vue 全家桶
vue 自定义指令 全局注册/局部注册钩子函数 bind(){},//绑定 inserted(){},//插入(父节点存在即可调用,不必存在于 document 中) update(){},// 更新 componentUpdated(){},// 被绑定元素完成第一次生命周期时调用 unbind(){},// 解绑参数【以bind 为例】 bind(el, binding, vnode,...原创 2019-06-21 10:29:57 · 241 阅读 · 0 评论 -
vue modifier 修饰符
vue modifier 修饰符.native 将原生事件绑定在组件上用.native <base-input @:focus.native="onFocus"></base-input> .sync 真正的双向绑定会带来维护上的问题,因为子组件可以修改父组件 和 .sync 自动更新父组件属性的 v-on 监听器 <child :foo.sync=...原创 2019-08-30 14:38:01 · 198 阅读 · 0 评论 -
vue 响应式 responsive
响应式 responsive 描述:属性必须在 data 对象上存在才能让 Vue 将它转换为响应式的 vnode->function|component|render ->watcher -> data -dom Vue.set() 可以使用 Vue.set(object, propertyName, value) 方法向嵌套对象添加响应式属性 this.$set(t...原创 2019-09-02 14:12:20 · 1416 阅读 · 0 评论 -
基于webpack 搭建vue2.0项目
今日关键词:基于webpack 搭建vue2.0项目 工具: vue-cli node -v npm -v npm list -g --depth=0 +-- cnpm@6.0.0 +-- vue@2.5.16 +-- vue-cli@2.9.6 `-- webpack@4.12.0 vue list 查看可用模板 vue init webpack project-name(默认...原创 2018-09-27 05:28:25 · 143 阅读 · 0 评论 -
vue modifier 修饰符
.native .sync 真正的双向绑定会带来维护上的问题,因为子组件可以修改父组件 和 .sync 自动更新父组件属性的 v-on 监听器 <child :foo.sync=”msg”></child> this.$emit( “update:foo”, newValue ); ...原创 2019-09-04 14:53:51 · 700 阅读 · 0 评论 -
vue-router
vue router 属性运用-共用一套view 方法1 不需要做其他处理 export default{ data(){return{}}, cteated(){ this.initPage(); }, watch :{ '$route': function (to, from) { this.initPage(); ...原创 2019-09-26 09:23:11 · 93 阅读 · 0 评论 -
vue watch用法
vue watch 有三种用法 直接写一个监听处理函数,当每次监听到 路由发生变化时,执行函数 监听对象:{handler(){},immediate:false,deep:false} 子组件props首次获取到父组件传来的默认值时,也需要执行函数,此时就需要将immediate设为true。 deep属性对对象进行深度监听 watch :{ //函数 '$rou...原创 2019-06-29 16:55:29 · 257 阅读 · 0 评论