vue
Da Duang
这个作者很懒,什么都没留下…
展开
-
vue相关
1、vue的双向数据绑定、mvvm实现mvvm的双向绑定,通过Object.defineProperty()来劫持各个属性的setter,getter。Vue 的响应式原理是核心是通过 ES5 的保护对象的 Object.defindeProperty 中的访问器属性中的 get 和 set 方法,data 中声明的属性都被添加了访问器属性,当读取 data 中的数据时自动调用 get 方法,当修改 data 中的数据时,自动调用 set 方法,检测到数据的变化,会通知观察者 W原创 2021-05-10 14:14:57 · 859 阅读 · 3 评论 -
vue的响应式原理 (官网总结)
一、如何追踪变化一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的 property,并使用 Object.defineProPerty 把这些 property 全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性,这也是Vue 不支持 IE8 以及更低版本游览器的原因。这些 getter/setter 对于用户来说是不可见的,但是在内部它们让 vue 能够追踪依赖,在 pro翻译 2021-05-07 13:43:15 · 199 阅读 · 0 评论 -
vue组件通信
一、父子组件传值父 - 子 父 :bind 后,子 props 接受// 父组件<Details :data="data" />// 子组件props: ['data']子 - 父 子 $emit 后,父 @接收// 子组件this.$emit('data', data)// 父组件<button :data="data" />data(val) { console.log(val)}二、vuexconst s...原创 2021-04-29 13:25:45 · 64 阅读 · 0 评论 -
vue - MVVM
MVVM 是 Model-View-ViewModel 的简写即:模型-视图-视图模型模型:后端传递的数据视图:所看到的页面视图模型:是mvvm的核心,是连接view和model的桥梁。有两个方向:① 模型 转换成 视图 (将后端的数据转换成看到的页面。实现方式:数据绑定)② 视图 转换成 模型 (将所看到的页面转换成后端的数据。实现方式:DOM事件监 听,称之为数据的双向绑定)总结:MVVM框架下视图和模型是不能直接通信的。它们通过viewModel来通信,viewModel能够监听到数据的原创 2021-04-29 13:25:25 · 137 阅读 · 0 评论 -
this.$parent
原创 2019-01-15 14:49:19 · 3728 阅读 · 0 评论 -
props、$emit
props一个 prop 被注册之后,你就可以像这样把数据作为一个自定义特性传递进来:在全局中注册之后,在局部组件中引用:并且在全局注册之后 – 可能在 data 里有一个博文的数组 – 并想要为每篇博文渲染一个组件:...原创 2019-01-15 14:16:02 · 334 阅读 · 0 评论 -
vue 中 样式(sass、less)的使用
样式的使用sass、less配置sassnpm i sass-loader node-sass在webpack.base.conf.js中功能快捷键撤销:Ctrl/Command + Z重做:Ctrl/Command + Y加粗:Ctrl/Command + B斜体:Ctrl/Command + I标题:Ctrl/Command + Shift + H无序列表:Ctrl/Co...原创 2018-12-20 16:19:54 · 827 阅读 · 0 评论 -
vuex
mian.jsnpm i vuex -simport Vuex from ‘vuex’Vue.use(Vuex) // 注册vuex到vue中如下代码var store = new Vuex.Store({ state: { // 如果在组件中, 想要访问,store 中的数据,只能通过 this.$store.state.*** 来访问 count: 0 ...原创 2019-01-16 22:43:02 · 201 阅读 · 0 评论 -
el-table嵌套el-input进行验证
<el-table-column label="排序" align="center"> <template slot-scope="scope"> <el-form :ref="'form'+scope.$index" :model="scope.row" :rules="checkParamsRule"> <el-form-item prop="sortBy" style="margin-bottom: 0"> &l.原创 2021-03-22 14:01:43 · 1797 阅读 · 0 评论 -
element el-table 合并行或列的计算方法
<el-table v-loading="loading" :data="tableData_year" border :span-method="arraySpanMethod"> <template slot="empty"> <div class="empty"> <img src="@/images/empty.png"> <p>暂无数.原创 2021-02-19 16:05:13 · 798 阅读 · 3 评论 -
vue-element excel 表格导出
exportExcel() { // 多表导出 var that = this; console.log(this.$refs.day.tableData_day, this.$refs.week.tableData_week) //要导出历史数据标题 var arry = [['时间', '运行泵', '进水水位(m)', '母管压力(MPa)']]; // 要导出的历史数据 .原创 2021-02-19 15:59:54 · 183 阅读 · 0 评论 -
vue 父组件传值给子组件渲染
先定义我要传的值名称传值的操作3. 在父组件中,子组件写的地方进行绑定在子组件中接收使用渲染原创 2019-04-18 16:49:45 · 11271 阅读 · 0 评论 -
vue 项目-权限判断 导航守卫 滚动行为
标题import router from './router'import store from './store'import NProgress from 'nprogress' // progress bar 进度条import 'nprogress/nprogress.css' // progress bar style// import { Message } from 'e...原创 2019-08-23 09:27:03 · 262 阅读 · 0 评论 -
vue . form表单清空的方法
this.$refs.XXX.resetFields()原创 2019-06-28 16:35:10 · 19376 阅读 · 8 评论 -
webpack配置
css没有打包进去,导致图标没有生成.把css当作js生成原创 2019-06-18 16:37:57 · 189 阅读 · 0 评论 -
vue.esm.js 、 vue中$属性的用法 、$nextTick、vue的自定义属性
'vue$': 'vue/dist/vue.esm.js' ,// 用 webpack 1 时需用 'vue/dist/vue.common.js' //现在主流的webpack2采用esm,也就是es6及以上的模块化编程,说白了就是vue.js官方文档解释https://cn.vuejs.org/v2/guide…术语vue中$属性的用法this.data:vm上的数据this...原创 2019-01-09 09:31:35 · 5044 阅读 · 0 评论 -
VUE 动态路由
动态添加路由的方法添加 报错页面组件的动态路由格式化路由原创 2019-01-23 09:32:38 · 468 阅读 · 0 评论 -
vue总结
先提交再推送1. 安装脚手架2. 配置sass3.引入组件4. 引入json文件①. 注意:json文件要放在静态资源下②. ③. 引入axios④.axios请求 axios请求 如上5. v-header标签会自动出现一个‘我是header’6.动态路由匹配 vue-router① ② ③6.把localhost替换成本地的ip7. 引用字...原创 2019-02-28 10:26:39 · 282 阅读 · 0 评论 -
关于vue懒加载问题
一、vue配合element加载的方法比如封装一个get 方法,或者post、remove、delete每当发起请求就让页面出现加载的效果原创 2019-02-25 16:56:34 · 271 阅读 · 0 评论 -
vue 坑
一、运用的是common.js的语法规范原创 2019-02-20 17:27:08 · 149 阅读 · 0 评论 -
vue地图
vue-baidu-maphttps://dafrok.github.io/vue-baidu-map/#/zh/bmaplib/marker-clusterer原创 2019-02-26 17:05:40 · 599 阅读 · 0 评论 -
vue render (level) js渲染模版
原创 2019-05-06 14:09:44 · 520 阅读 · 0 评论 -
render函数渲染App.vue到index.html的div
原创 2019-05-28 14:08:46 · 323 阅读 · 0 评论 -
vuex传值
js:子组件重新赋值:父组件直接使用:原创 2019-06-17 13:11:10 · 104 阅读 · 0 评论 -
vue项目目录结构
原创 2019-01-04 14:35:12 · 161 阅读 · 0 评论