Vue
关注
分享
扫一扫
文章平均质量分 90
没感情的菠萝头
前端淡水狗，变态发育中。
展开
-
vue列表滚动对应侧边地图变化方法
看到很多同学在每个列表设置id去获取，根据滚动的时候判断那个条目的外层dom距离窗口定部最近，就显示哪个条目的地图信息。但我这里利用forEach循环获取每个列表索引值和坐标。父组件<template><div> <amap v-if="point.length" :width="230" :height...原创 2020-03-30 23:51:19 · 664 阅读 · 0 评论 -
vuex用例
vuex状态集成import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const state = { count:0 },const mutations = { add(state){ state.count++ }, dcre(state){ stat...原创 2019-07-03 17:15:57 · 240 阅读 · 0 评论 -
嵌套路由nuxt-child组件（父子页面组件的传值）
链接：nuxt文档相关文章1.创建内嵌子路由，需要添加一个 Vue 文件，同时添加一个与该文件同名的目录用来存放子视图组件。这里在pages里新建一个fanil.vue、fanil文件夹2.fanil.vue源码<template> <div class="container"> <p>Final Page</p> ...原创 2019-06-21 15:31:57 · 5355 阅读 · 3 评论 -
nuxt.js配置实现axios在开发时的跨域代理
近期在学习nuxt框架，为接下来的项目做准备，学习的目的是为了解决单页面应用的 SEO 的问题，因为要做新闻网站，用服务端渲染。以下是在网上nuxt配置实现axios代理，解决跨域的问题方案。原笔记1.在项目中安装好axios2.在nuxt.config.js里进行配置module.exports = { modules: [ '@nuxtjs/axios', ], ...转载 2019-06-20 14:23:56 · 1694 阅读 · 0 评论 -
关于nuxt.js
CSS 配置如果要使用 sass 就必须要安装 node-sass和sass-loader 。npm install --save-dev node-sass sass-loader在 nuxt.conf.js中，添加要使用的 CSS 资源：Type: ArrayItems: stringmodule.exports = { css: [ // 直接加载一个 Nod...翻译 2019-06-20 14:00:57 · 816 阅读 · 0 评论 -
vue 电子书字体大小设置功能
方法一：父子组件传值父组件 <!--底部菜单栏 --> <menu-bar :ifTitleAndMenu="ifTitleAndMenu" :defaultFontSize="defaultFontSize" ref="menuBar" @setFontSize="selecFontSize" ></menu-bar>&l...原创 2019-05-16 14:20:38 · 1868 阅读 · 0 评论 -
vue单页备忘录功能
功能实现效果1.vuex状态集成，添加内容保存到列表功能2.点击列表进入详情页功能3.vue-router路由管理，组件跳转。4.mint-ui组件库引入，新增列表左滑删除功能。5.表单功能...原创 2019-05-06 14:09:22 · 1030 阅读 · 1 评论 -
关于升级vue-cli3.0踩坑记录
最近在看@vue/cli 3.x 版本，升级vue-cli3.0最新版本的时候遇到很多坑，绕了很多弯。查了很多资料，最终解决。记录一下遇到的问题，以防以后再次发生。1.升级@vue/cli 3.x 需要安装node.js最新版本。卸载重新安装。我这里安装的是node.js10.15.1卸载了vue-cli2.X版本npm uninstall vue-cli -g //卸载vue-cli...原创 2019-03-11 16:56:24 · 2515 阅读 · 1 评论 -
Vue客户端存储
客户端存储关于客户端存储：通过把数据存储在浏览器中，用户不必每次都向服务器请求获取同一个信息。离线时，使用本地存储的数据而不是向远端服务器上请求数据就显得非常有用。Local Storage 适合存储你希望进行持久化的较小数据集，比如用户偏好设置或表单数据。注意：存储对象和数组这样更复杂的数据，必须使用 JSON 来对数据进行序列化和反序列化。太多废话了直接正题我是一个小案例：&lt...原创 2019-03-05 11:50:47 · 696 阅读 · 0 评论 -
关于单文件组件
文件扩展名为 .vue 的 single-file components(单文件组件)使用 webpack 或 Browserify 等构建工具标签保存实例：模板文件：输入框组件 BaseInputText.vue：&amp;amp;amp;amp;amp;lt;template&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;input type=&a原创 2019-01-26 23:21:44 · 1377 阅读 · 0 评论 -
vue 渲染函数 & JSX
createElement 参数接下来你需要熟悉的是如何在 createElement 函数中生成模板。这里是 createElement 接受的参数：// @returns {VNode}createElement( // {String | Object | Function} // 一个 HTML 标签字符串，组件选项对象，或者 // 解析上述任何一种的一个 async 异...转载 2019-01-14 00:23:04 · 502 阅读 · 0 评论 -
Vue组件实例
相同标签名的元素切换&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div id=&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;demo&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;amp;amp;am原创 2018-12-18 15:03:14 · 3426 阅读 · 0 评论