![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
虚光
java入门js入土,熟练vue(vue核心库+router+vuex+axios+babel+webpack),常用组件库:elementui,baiduUE,aui.vux,mintui,echarts。。以上线项目:蜂头理财(自己带的项目),V链,V营销系统,丰源水务,H5游戏(堆金条)
展开
-
vue的观察者,不会对对象的属性进行冒泡监听
有很多时候,会对vue的对象进行watch监听,当其发生改变的时候,执行某段方法,现在在这里有一个监听冒泡的事件。例如对象obj:{a:1,a,2}如果我们对obj进行监听,当我们这样赋值 this.obj=2,watch是可以监听到的。但是,当对其属性改变的时候 this.obj.a=2,watch是监听不到的。这个情况,说明,object.defineproper原创 2017-12-07 22:59:45 · 257 阅读 · 0 评论 -
vue文件结构
一,根目录 二,一级目录 1,src原创 2017-12-08 00:03:42 · 577 阅读 · 0 评论 -
vue项目搭建
vue项目搭建 一、 安装 node.js 百度node.js,去官网下载,安装之后运行node -v 和 npm -v查看node和npm的版本号。二、安装 vue-cli 首先安装npm install -g cnpm --registry=https://registry.npm.taobao.org(类似挂vpn)原创 2017-12-08 00:02:53 · 1314 阅读 · 0 评论 -
vue最终结构
index.html页面入口文件app.vue组件入口,中转组件。浏览器上最后渲染的结果。原创 2017-12-08 00:02:20 · 200 阅读 · 0 评论 -
data为什么是一个函数
vue-data为什么是一个函数(原型链)在创建或注册模板的时候,传入一个data属性作为用来绑定的数据。但是在组件中,data必须是一个函数,而不能直接把一个对象赋值给它。Vue.component('my-component', { template: 'OK',data() { return {} // 返回一个唯一的对象,不要和其他组件共用一个对象进行返回 },原创 2017-12-08 00:00:16 · 4803 阅读 · 0 评论 -
双向绑定伪代码
Object.defineProperty实现双向绑定 var obj = {}Object.defineProperty(obj, 'hello', { set: function(newVal) { document.getElementById('a').value = newVal document.getE原创 2017-12-07 23:59:39 · 194 阅读 · 0 评论 -
有嚼头的逻辑实现
目录:1,固定结构,不同数据处理。2,路由导航。3,递归树一,结构类似,不同类型渲染分析:整个原型分为两部分(select+任意),因此第一想法是写一个组件(包含一个select+任意类型)。输入:在父组件v-for循环渲染传入props(带入需要的输入类型)输出:子组件的值要返回到父组件,通过$emit,事件发生在input或者change。细节:当切换为区间的时原创 2017-12-07 23:56:35 · 218 阅读 · 0 评论 -
你可能不需要vuex
你可能不需要 Vuex 目录组件化组件通信状态管理Vuex 是什么Vuex 有什么特点Vuex 解决了什么问题什么类型的数据适合放在 Vuex 管理工具总结参考扩展阅读写这篇文章的主要目的是在现在的公司推荐使用 Vue,而在使用 Vue 的时候很多同事对为什么要使用 Vuex 不理解,我本身是没有使用过 Vue 或者 Vuex 写过实际项目;有过一年左右转载 2017-12-07 23:05:57 · 3255 阅读 · 0 评论 -
event-bus
先命名一个event-bus.js,创建一个新的全局Vue实例,命名为EventBus并且导出该对象。 import Vue from 'vue';import EventBus from 'event-bus'Vue.component('component-a', { ... methods: { emitMethod () { EventBu原创 2017-12-07 23:02:46 · 173 阅读 · 0 评论 -
vue路由以及组件件的传值
一,页面跳转的效果 1,通过v-if或者v-show 当默认dialog1:false,组件是隐藏的,通过接受组件selectdetail里的事件 触发事件showdevice带入形参{cateid:3,data:resp.body.data}, 以及事件listenOpenChild 改变dialog1的值 隐藏原创 2017-12-08 00:04:24 · 608 阅读 · 0 评论