![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Hillbox
这个作者很懒,什么都没留下…
展开
-
VUE 组件通信
子组件,用$emit触发父组件的fatherChange事件,并传递数据。父组件,引入子组件、子标签,子标签绑定fatherChange事件。父组件,引入子组件、子标签,子标签绑定message属性。1、祖先组件向子孙组件用provide和inject。子组件,用props接收父组件绑在子标签上的数据。1、父向子传递数据用props。2、子向父传递数据用$emit。祖先组件,添加provide。子孙组件,添加inject。2、Vuex组件共享。...原创 2022-08-26 00:13:33 · 113 阅读 · 0 评论 -
Laravel+Vue前后端分离项目(四)邮箱验证与滑动验证
1、申请一个163邮箱,设置开启stmp服务 2、laravel在.env文件配置邮箱,并在服务器打开465端口MAIL_DRIVER=smtpMAIL_HOST=smtp.163.comMAIL_PORT=465MAIL_USERNAME=你的邮箱@163.comMAIL_PASSWORD=开启stmp的授权码MAIL_ENCRYPTION=sslMAIL...原创 2020-04-03 15:48:00 · 1448 阅读 · 0 评论 -
Laravel+Vue前后端分离项目(五) 裁剪+上传头像
Vue前端:效果:点击头像,选中图片,后端上传到服务器并返回图片地址,前端更新本地头像地址。目录结构1、/src/views/test.vue组件的html部分:<template> <input type="file" //输入类型为文件 accept="image/*" /...原创 2020-03-14 23:05:33 · 819 阅读 · 0 评论 -
Vue 打包到服务器
本文讲的是vue项目放在虚拟服务器xampp上运行。步骤1、vue-cli安装好项目后,进入项目执行npm run build,会生成dist文件夹2、在项目的config文件夹中修改index.js配置(改配置项如下)assetsPublicPath: "./",3、配置xampp虚拟服务器指向项目的dist/index.html,再访问这个虚拟服务器就可以了...原创 2018-11-07 18:23:12 · 463 阅读 · 0 评论 -
Vue 组件引用另一个组件
例如,引用 child 组件。<template> <div> <child></child> </div> </template> <script> import child '@/components/child.vue'原创 2018-10-23 17:28:22 · 3286 阅读 · 0 评论 -
Vue axios的使用(解决laravel API跨域访问)
一、安装 axiosnpm install --save axios二、安装好后,在需要请求接口的页面:<script>import axios from "axios";export default { mounted() { axios.get("http://lanyue.ink:8123/api/moments").then(res =>...原创 2018-10-21 16:15:07 · 3308 阅读 · 0 评论 -
Vue Scss的使用
1、安装npm install node-sass sass-loader -D2 、配置webpack.base.conf.js 的 module中添加:{ test: /\.scss$/, loaders: ["style", "css", "sass"]}3、使用在vue文件中引用<style lang="scss">&l...原创 2018-10-22 21:15:40 · 418 阅读 · 0 评论 -
Vue 瀑布流布局+触底加载下一页(原生)
效果思路1、html中建立四个“管道”2、后台获取到数据3、遍历数据,获取高度最小的管道,填入数据4、滚动条到底时触发函数,获取下一页数据,然后再执行步骤3参考jquery实现滑动到底部加载下一页的数据代码template:建立四个piping,ref参数是为了在js中获取dom元素。<template> <div clas...原创 2018-10-10 13:32:02 · 10682 阅读 · 7 评论 -
Vue vue-router的基本用法
安装vue-routernpm install vue-router --save接下来我新建了components的两个组件(省略)和一个router文件夹下的index.js文件文件目录main.jsimport Vue from "vue";import App from "./App";import router from "./router";new...原创 2018-10-12 02:41:48 · 206 阅读 · 0 评论 -
Laravel5.5 + Vue 项目的基本使用:搭建环境以及用vue组件编写页面
在youtube上看到的教程,翻墙可访问链接:https://www.youtube.com/watch?v=DJ6PD_jBtU0&t=1188sps:如果想学习vue基础,建议在b站搜”表严肃”的课程。本文中,我们以用laravel+vue做一个导航栏为案例。搭建环境用composer下载好laravel项目后,composer update。如果用的xampp或wam...原创 2018-10-01 17:28:03 · 7988 阅读 · 0 评论 -
Vue 原生轮播图(非连续)
效果思路与之前的连续轮播图不同,每个图片按顺序排列成一条,只用改变条的位置,不需要改变图片的顺序。代码template<template> <div class="event"> <div class="swippers"> <div class="s1">原创 2018-10-01 15:08:37 · 592 阅读 · 0 评论