随笔分类 -  Vue

Vue仿蘑菇街项目需求记录（B站codewhy老师）
摘要：项目需求分析 1 项目前期准备工作 1. cli搭建项目 2.css样式导入 公共资源图片等的导入 3.别名的配置和代码规则 <script> module.exports = { configureWebpack: { resolve: { alias: { 'assets': '@/assets 阅读全文
posted @ 2020-04-16 23:55 性感的沙皮 阅读(4328) 评论(1) 推荐(3)
Vue-router路由使用
摘要：1、创建路由 import Vue from 'vue' import VueRouter from 'vue-router'//1 注册插件 Vue.use(VueRouter) const routes = [ { path: '', redirect: '/home' }, { path: ' 阅读全文
posted @ 2020-04-06 11:25 性感的沙皮 阅读(162) 评论(0) 推荐(0)
Vuex基本使用
摘要：Vuex作为Vue核心，主要是作为公共状态管理，相对于组件层级太多，多个组件需要又需要进行一些数据，vuex这个时候就该上场了 1、Vuex用法 ![](https://img2020.cnblogs.com/blog/1904903/202003/1904903 20200316212624899 阅读全文
posted @ 2020-03-16 22:37 性感的沙皮 阅读(138) 评论(0) 推荐(0)
Promise的基本使用
摘要：1、Promise的基本使用 2、Promise的另外使用 3、Promise的链式使用 3.1: 3.2: {{uploading image 252974.png(uploading...)}} 阅读全文
posted @ 2020-01-08 23:36 性感的沙皮 阅读(167) 评论(0) 推荐(0)
父访问子的数据方法
摘要：1、先建立父子组件 2、代码如下： 阅读全文
posted @ 2020-01-04 17:28 性感的沙皮 阅读(174) 评论(0) 推荐(0)
购物车案例
摘要：1、基本结构搭建 新建index.html、main.js、style.css 2、点击加减按钮，点击删除按钮删除列表，过滤器使用 阅读全文
posted @ 2020-01-04 00:13 性感的沙皮 阅读(150) 评论(0) 推荐(0)
插槽的使用
摘要：1、插槽的基本使用 2、作用域插槽 阅读全文
posted @ 2020-01-01 22:55 性感的沙皮 阅读(157) 评论(0) 推荐(0)
ref获取DOM元素
摘要：按钮 我是父组件标题 我是子组件标题 阅读全文
posted @ 2019-12-29 11:55 性感的沙皮 阅读(379) 评论(0) 推荐(0)
Vue父子组件之间的传递
摘要：一、父组件向子组件进行传递 1、先形成父子组件关系 2、在子组件props定义两个变量cmessage和cbooks （props是数组类型） 3、使用组件 用v bind绑定两个变量cmessage和cbooks，值为message和books 完整代码如下： 下边是增加了一些修饰代码： 二、子组 阅读全文
posted @ 2019-12-29 11:37 性感的沙皮 阅读(285) 评论(0) 推荐(0)
Vue动画
摘要：恢复内容开始 1、不使用动画 2、第一类动画 使用过渡类名 也可以从某个位置进入，在出去 ：例如 3、自定义动画前缀 代码如下 4、第二类动画 animate.css 5.构造函数实现半场动画 6、列表动画 7删除列表动画 完整 阅读全文
posted @ 2019-12-28 00:37 性感的沙皮 阅读(126) 评论(0) 推荐(0)
自定义指令的学习
摘要：1、很多时候，我们需要对默写元素进行操作，比如打开页面，让文本获取焦点，代码如下： 2、自定义指令局部和全局改变字体颜色 阅读全文
posted @ 2019-12-27 22:53 性感的沙皮 阅读(166) 评论(0) 推荐(0)
Vue过滤器的基本使用
摘要：1、过滤器的基本使用 2.过滤器也可以进行传参 3.私有过滤器的使用 4.私有过滤器参数传递 4.1当没有参数进行传递，此时在私有过滤器得到第二个参数位置不能为空，应该写上pattern = "";例如： 4.2私有过滤器多个参数进行传递的时候 阅读全文
posted @ 2019-12-26 22:23 性感的沙皮 阅读(138) 评论(0) 推荐(0)
Vue初体验
摘要：1、Vue基本模板 2、v cloak、v text v html的使用 3、v on点击事件 比如我们要给一个按钮进行添加点击事件。代码如下： 3.1 v on当不需要进行参数的传递时候，后边的括号可以省略不写 3.2 v on当需要进行参数的传递，比如点击按钮，增加或删除某个事件，做个饭时候就可 阅读全文
posted @ 2019-12-25 18:32 性感的沙皮 阅读(267) 评论(0) 推荐(0)