vicky_yongqi的博客

this.$watch() 的使用（这里可以放在Vue生命周期钩子里）：this.$wath('query', (newQuery) => { this.$emit('query', newQuery) })watch:{}的使用（一个方法）：watch:{ query(newQuery){ this.$emit('query', ...

效果vue项目，用stylus处理css样式input放图标<div class="jobs_input_wrapper"> <input class="input_text" type="text" placeholder="搜索" v-model="userinput"> <i class="icon iconfont icon-sousuo" v-if="isicon"></i></div>ps：这里利用绝对定位

1.报错在index.html外部引入css报错2.查看config文件下的index.js：assetsSubDirectory：除index.html外的静态资源存放的路径assetsPublicPath：打包后，index.html里引用资源的的相对地址static中的文件是完全不被webpack处理的，文件会直接复制到最终目录（dist/static）下。因此引用文件要是绝对路径。3.成功引入...

1.跨域webpack.base.conf.js文件：const devWebpackConfig = merge(baseWebpackConfig, {... devServer: {... before(app) { ... app.get('/api/getPlaySongVkey', function (req, res) { var url = 'https://u.y.qq.com/cgi-bin/musicu.fcg'

1.安装npm install vue-video-player --save或者：cnpm install vue-video-player --save2.main.js引入import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')Vue.use(VideoPlayer)3.组件使用ps:

一.问题1.第一次点击，点击跳转页面后点返回2.第二次点击代码：vue组件：<li class="mv-item" v-for="item in MvList" @click="selecMVList(item)"> ...<!-- 循环MvList数组 --></li>selecMVList(item) { this.$router.push({ path: `search/list/${item.vid}` //ite

当子元素li竖向排列时，父元素可以撑开高度的。但当多个子元素li单行横向排列，父元素却无法撑开宽度，并且宽度固定为页面宽度。而当需要横向滚动，父元素需要撑开宽度才可以进行滚动。eg.源码： <div class="pic-wrapper"> <ul class="ul"> ...

actions和mutations交互时候，传递的是一个包含数据的对象。这个对象包含不同数据。eg.state.js： 保存数据const state = { foods: [], shops: []}export default state问题就是mutations.js里面：1.第二个参数foods是用{}包住，foods传递的是一个包含数据的对象。2.第二个...

swiper官网：https://www.swiper.com.cn/usage/index.html安装：npm install swiper --save-dev/>.</个人喜欢方法二方法一：根据官网一样写法，因此哪个组件需要用swiper就直接在组件里引用。轮播器需要什么就写什么，具体看官网，我这里只需轮播循环、分页器为点。<template><...

slot在子组件里不作用，但在父组件里能作用eg.成功代码及效果子组件：<template><div> <div class="top_container"> <slot name="left"/> <div class="top_title ellipsis">{{title}}</...

1.js文件js文件里都是本地图片资源（本地图片导入方法）export default { data () { return { navImg: [ { id: '001', imgUrl: require('@/pages/MSite/image/nav/1.jpg'), desc: '甜品1...

MSite.vue导入本地图片图片所在位置：1.直接使用<template> <img src="./image/1.jpg"/></tempalte>2.data里使用require<template> <img :src="imgUrl"></template><script>ex...

参考文档：https://stylus.bootcss.com/stylus：CSS的预处理框架，即将stylus转换为css使用stylus-loader：让webpack理解stylus安装npm install stylus stylus-loader --save-dev编写使用1）完全通过缩进控制, 可不需要大括号、分号、冒号、逗号2）父级引用：使用字符&指向父...

参考文档：https://router.vuejs.org/zh/guide/advanced/navigation-guards.html全局钩子：beforeEach，afterEach1.beforeEachconst router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ......

项目api下的store文件，把state、getters、mutations、actions分割放到不同的js文件里：index.js入口文件：加入vuex自带的工具import Vue from 'vue'import Vuex from 'vuex'import * as actions from './actions'import * as getters from './g...

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。State需要共用的数据（跟组件、项目、模块所相关最底层的数据）都放在state里。访问方法：1.使用辅助函数：mapState2.子组件能通过 this.$store.stateGetter对数据进行映射。getters可以是个函数，类似计算属性，可以根据state不同值计算一个新的值。getters里面也可以写一...

技术栈vuevue-routervuexjsonpaxios相关的基础插件stylus：CSS 的预处理框架，以及stylus-loaderfastclick：解决移动端点击延迟300ms问题better-scroll：滚动vue-awesome-swiper：用于实现了首页的轮播图vue-layload：解决页面刷新后图片全部加载问题create-keyframe-...

注册GitHub（注册详情）下载Git下载地址: https://git-for-windows.github.io/一直next到finish新建repository存储库在GitHub上角完成后这里有个SSH地址：ps:删除repository（详细内容）Git Bash Here在项目空白处右键，如果你之前安装git成功的话，右键会出现两个新选项，分...

如果创建repository后想更改可以在Setting更改,这里我需要删除：

1.GitHub注册：https://github.com/2.填写个人信息下一步：3.选择计划（choose your plan）两种选择：（1）创建公开仓库（repository）（2）创建个人仓库（private），但需要费用因此我选择第一种。选好后，点击continue。...

1，ipconfig查询电脑连接的手机热点或者是wifi的地址：2.package.json在"scripts"里"dev"添加你的地址：–host 地址3.在config文件下修改host，这样手机端才可以打开这样手机端和电脑端打开同一网址都是可以看到vue项目的...

vconsole的了解：https://github.com/Tencent/vConsole/blob/dev/README_CN.md一，使用vconsole1.vue项目安装vconsolenpm install vconsole2.在入口文件main.js引入vConsoleimport Vconsole from 'vconsole'let vConsole = new V...

这里是动态子路由跳转成功明明链接都成功显示到子路由id，页面没有成功渲染。仔细看代码原来是路由的index.js写错了。错误代码：这次的子路由是动态的，id前面少了“ : ”。所以跳转是正常的，而没有渲染。正确代码：...

代码正常运行后，打开浏览器报错：过了一会时间又多了一个报错：我百度了一下第一句报错内容：问题解决过程：1.检查代码：比如生命函数钩子或组件中的方法等等有没有写错1）生命函数钩子：eg. created() {} 写成：（错误写法）created: {}2）组件中的data需有return：eg.data() { return { singing...

根据学习发现vue现在新版是没有dev-server.js的，现在所有的后台数据模拟或开发本地请求本地数据配置都在webpack.dev.conf.js配置使用。旧版源码都是在dev-server.js配置好可以用的，但新版只能在webpack.dev.conf.js重新更改配置。一，创建好开发框架的实例等不管是旧版dev-server.js还是新版webpack.dev.conf.js，用...

在入口文件main.js里导入styl文件，直接运行发现系统报错了。想了一下，发现并没有安装stylus和stylus-loader。把系统的所有终端调试运行都停止，直接在项目下安装：1.npm install stylus --save2.npm install stylus-loader --save安装完成后打开package.json看到有这两个都显示当前版本（我感觉可能是直接在...