Vue
itmonkey-cn
喜欢钓鱼,养猫养狗养花养草,不务正业的业余泥瓦匠!
展开
-
【vue】vue2+vue3数据监听
vue数据绑定vue2vue3vue2// vue2.0,defineProperty拦截数组。// 数组劫持。let oldProtoMethods = Array.prototype;let proto = Object.create(oldProtoMethods);['push','pop','shift','unshift'].forEach(method => { Object.defineProperty(proto,method,{ get(){原创 2021-07-14 22:16:41 · 364 阅读 · 0 评论 -
【笔记】vue2.0构建功能特性整理
vue2.0一、构建配置1. 插件安装2. 目录结构3.准备事项配置二、vue简单使用1.指令2.生命周期仅为个人笔记~,比较老了一、构建配置1. 插件安装npm i vue-cli -g //安装脚手架vue init webpack mypro //创建项目npm i axios vue-axios //数据请求npm i vue-router //路由npm i vue-lazyload //图片懒加载npm i scroller原创 2020-09-02 13:25:57 · 328 阅读 · 0 评论 -
vue之vuex实现购物车功能
vuex购物车vuex实现购物车的增删改查,单选,多选,反选,全选。 动态价格计算,数量统计。module模块化,namespaced命名空间state, actions, mutations,getters主要用法辅助函数,方法调用。原创 2020-05-08 23:23:26 · 5297 阅读 · 3 评论 -
vue之组件传值,父子组件双向绑定。
vue之组件传值一、 父传子1. 父组件给子组件绑定事件2. 子组件,props接收二、子传父1.子组件,this.$emit2.父组件,v-on接收三、父子组件双向绑定。单向数据流【重要】1.用watch监听。2.computed计算属性【优化】当你写个公共组件的时候,需要用到。一、 父传子页面向自定义的组件,或者父组件向子组件传递时。1. 父组件给子组件绑定事件在子组件上绑定...原创 2019-08-13 18:56:42 · 6793 阅读 · 1 评论 -
vue之状态管理器vuex(三)
vuex通用使用方法一、安装配置状态管理器一般根据项目需求,你觉得需要用的时候再用,哈哈一般用来做一些登陆状态的管理,购物车,还有一些兄弟组件的数据传递。这里不讲原理,只写怎么用,原理慢慢体会。。。写法包括模块化开发,异步同步数据都这样写,不用考虑其他,哈哈。一、安装配置1、引入vuexnpm i vuex -s ![在这里插入图片描述](https://img-blog...原创 2019-06-21 15:31:48 · 743 阅读 · 0 评论 -
vue之tab切换的三种实现方式。
vue的tab切换一、v-show控制一、v-show控制1.简单版原理:用点击事件改变num值作为开关,控制tab样式和内容显示隐藏。2.数据渲染原理:主要利用v-for绑定的index来控制,跟上面差不多。...原创 2019-05-11 17:49:10 · 60837 阅读 · 8 评论 -
vue之常用依赖和配置问题。(持续更新,欢迎补充)
vue常用依赖和配置1.vue路由按需加载相关2.vue引入sass/scss1.vue路由按需加载相关官方推荐的按需加载方式,动态引入模块,用来编译注释语句。减少首页加载资源时间。cnpm i -s @babel/plugin-syntax-dynamic-import在build文件下,webpack-base-conf.js的output加入chunkFilename: ‘[na...原创 2019-03-27 21:40:29 · 1130 阅读 · 0 评论 -
vue之目录设置,路由搭建和格式化项目(二)
路由和目录项目配置1. 项目自启动2.文件目录项目配置1. 项目自启动在项目依赖安装完毕后也就是cnpm i后的cnpm run dev还需要在浏览器中输入localhost:8000可修改src-config-index.js自动打开浏览器渲染项目2.文件目录脚手架的项目文件和目录仅供测试用,需要把一些没用的删掉一个好的项目,条理清晰的目录是必不可少的,主要是维护方便。...原创 2019-03-27 17:21:48 · 523 阅读 · 0 评论 -
vue之项目创建,脚手架搭建。(一)
创建准备巧妇难为无米之炊,首先需要下载项目创建的工具,前端开发必需的两个工具。1. node.js 官网地址由于Node.js平台是在后端运行JavaScript代码,所以,必须首先在本机安装Node环境。最大的优势是借助JavaScript天生的事件驱动机制加V8高性能引擎,使编写高性能Web服务轻而易举。安装时勾选全部组件。shift+右键,在此处打开命令窗口输入node -...原创 2019-03-22 11:55:59 · 1518 阅读 · 0 评论 -
vue之router路由最优美写法,懒加载、打包代码分离。
几种常用路由写法一、基础写法,没有懒加载,打包分离代码二、路由懒加载,import()方法。(按需加载)三、vue的异步组件,require()方法。(按需加载)四、vue的异步组件+webpack的ensure()方法。(按需加载+js打包分离)五、最优官方,懒加载和打包分离代码。(【官方推荐】按需加载+js打包分离)一、基础写法,没有懒加载,打包分离代码官方最基础的路由写法impor...原创 2019-03-07 18:48:44 · 4760 阅读 · 6 评论