vue
关注
分享
扫一扫
请问大家代码怎么敲
这个作者很懒，什么都没留下…
展开
-
vue篇-事件总线
1.首先在main.js里面Vue.prototype.$bus = new Vue()2.在GoodListItem.vue中发射<template> <div class="goos-Item"> <img :src="goodsItem.show.img" alt="" @load = 'imageLoad' /> <div class="goods-info"> <p>{{ goodsItem.tit原创 2021-06-22 21:24:58 · 168 阅读 · 0 评论 -
vue篇-better-scroll
BetterScroll简单使用<template><div class="wrapper"> <ul class="content"> <button @click='btnClick'>按钮</button> <li>分类的例表1</li> <li>分类的例表2</li> <li>分类的例表3</li> <li>原创 2021-06-21 21:10:34 · 357 阅读 · 0 评论 -
vue篇-Vuex
目录Vuex核心概念1.state2.getters3.mutations状态更新4.actionsmodules模块化VuexVuex核心概念1.state2.Getters3.Mutations4.Actions 5.Modules1.state在state里面存放基本数据然后在组件中使用,state单一状态树只在一个store里面定义。 state: { number:0 },//在组件中使用$store.state.number2.gettersgetters原创 2021-06-13 10:19:37 · 98 阅读 · 0 评论 -
vue篇-修改路由的hash模式、router-link补充、路由的知识点
目录1.修改路由的hash模式2.router-link补充3.通过代码跳转路由4.动态路由的使用5. $router和 $route的区别1.修改路由的hash模式2.router-link补充3.通过代码跳转路由 // this.$router.push('/about') this.$router.replace('/about') //没有记录不能回退4.动态路由的使用1.首先要在router>index.js配置的时候,给path后面添加一个动态属性 {原创 2021-06-07 23:24:54 · 4149 阅读 · 2 评论 -
webpack学习、es6转es5、打包html、压缩js、搭建本地服务器代码页面实时更新、等。。。
目录什么是webpackgulp和webpack有什么不同webpack安装打包什么是webpackwebpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。gulp和webpack有什么不同gulp更强调的是前端了流程的自动化,模块化不是它的核心。webpack更强调模块化开发管理,而文件压缩合并、预处理等功能,是他附带的功能。webpack安装打包webpack模块化打包,为了可以正常运行,必须依赖node环境,Node.js自带了软件包管理工具npm。1.全局安原创 2021-06-03 22:29:34 · 547 阅读 · 0 评论 -
vue篇-slot(插槽)、具名插槽、编译作用域、作用域插槽
插槽组件的插槽是为了让我们封装的组件更加具有扩展性让使用者可以决定组件内部的一些内容到底展示是什么<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-C原创 2021-05-31 22:34:21 · 148 阅读 · 0 评论 -
vue篇-组件访问,父访问子($children、$refs),子访问父($parent、$root)
父访问子1.$children默认是一个空数组2.$refs,对象类型,默认是一个空对象(要给子组件一个ref属性)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi原创 2021-05-31 21:41:00 · 280 阅读 · 0 评论 -
vue篇-组件中的data为什么是一个函数
为了保证组件的独立性 和 可 复用性，data 是一个函数，组件实例化的时候这个函数将会被调用，返回一个对象，计算机会给这个对象分配一个内存地址，你实例化几次，就分配几个内存地址，他们的地址都不一样，所以每个组件中的数据不会相互干扰，改变其中一个组件的状态，其它组件不变。...原创 2021-05-30 21:39:15 · 148 阅读 · 0 评论 -
vue篇-v-model原理、v-model修饰符
v-model其实是一个语法糖,相当于两个指令的集合(v-bind绑定一个value属性,v-on:input给当前元素绑定一个input事件)<input type="text" name="" id="" v-model='message'><input type="text" :value = "message" @input = "message = $event.target.value">...原创 2021-05-30 15:44:07 · 587 阅读 · 0 评论 -
vue篇-购物车案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document&.原创 2021-05-29 23:09:58 · 282 阅读 · 0 评论 -
vue篇-计算属性computed
什么是计算属性1、在computed中，可以定义一些属性，这些属性叫做计算属性2、计算属性的本质是一个方法，不过一般是将他们的名称直接当做属性使用，不会当方法调用。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-05-28 09:20:35 · 139 阅读 · 0 评论 -
在vue项目中关闭ESLint语法规则方法
找到.eslintrc.js把’@vue/standard’注释掉即可,然后重启项目原创 2021-05-16 17:30:51 · 212 阅读 · 0 评论