随笔分类 - Vue
摘要：原文地址：https://jue.leheavengame.com/article/61b4946d3a91de0b5dc12930 问题发现 维护了很久的vue项目，发现eslint会报错：TypeError: token.type.endsWith is not a function 问题原因
阅读全文
摘要：要实现Android和IOS浏览器禁止页面缩放，通用的设置方式是给HTML页面设置meta标签来实现，具体添加标签内容如下： <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0
阅读全文
摘要：一、安装依赖 yarn add --dev less-loader less yarn add --dev style-resources-loader 二、配置 在vue.config.js文件中添加： const path = require('path') function resolve (
阅读全文
摘要：在 vue 项目中，通过highlight.js，如何实现页面中代码高亮？ 一、安装highlight.js npm install highlight.js --save 或 yarn add highlight.js 二、封装成vue插件 新建highlight.js文件 /** * 自定义代码
阅读全文
摘要：1、报错原因 在升级了Vue-Router版本到到3.1.0及以上之后，页面在跳转路由控制台会报Uncaught (in promise)的问题。 这是什么原因呢？ 看vue-router的版本更新日志 V3.1.0版本里面新增功能：push和replace方法会返回一个promise, 你可能在控
阅读全文
摘要：官方文档： const Foo = { template: `...`, beforeRouteEnter (to, from, next) { // 在渲染该组件的对应路由被 confirm 前调用 // 不！能！获取组件实例 `this` // 因为当钩子执行前，组件实例还没被创建 }, bef
阅读全文
摘要：刷新页面时vue实例重新加载，store就会被重置，可以把定义刷新前把store存入本地localStorage、sessionStorage、cookie中，localStorage是永久储存，重新打开页面时会读取上一次打开的页面数据，sessionStorage是储存到关闭为止，cookie不适
阅读全文
摘要：没接触过flexible的建议先看看大漠的这篇文章这样你才会知道长度为什么用rem，而字体要用px 安装flexible 引入flexible 在项目入口文件main.js中添加如下代码，引入flexible px 转 rem 使用 webpack 的 px2rem-loader,自动将px转换为r
阅读全文
摘要：在webpack.config.js中，通过设置resolve属性可以配置查找“commonJS／AMD模块”的基路径，也可以设置搜索的模块后缀名，还可以设置别名alias。设置别名可以让后续引用的地方减少路径的复杂度。 一、常规webpack构建的项目 1、目录结构 2、webpack.confi
阅读全文
摘要：一、Vue-cli 3.x安装 Node 版本要求：Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+) 查版本是否正确 (3.x)： 官方安装文档：https://cli.vuejs.org/zh/guide/installation.html 二、创建一个项目 以搭
阅读全文
摘要：一、安装vue-cookies 二、引入vue-cookie 三、vue-cookie使用 1.设置cookie 2.获取cookie 3.删除cookie 4.判断cookie中是否存在指定键名 5.获取cookie中的所有键名 注意：cookie的键名称不能设置为：'expires'，'max-
阅读全文
摘要：两者在使用效果上没有任何区别，都是为了将实例化后的vue挂载到指定的dom元素中。 如果在实例化vue的时候指定el，则该vue将会渲染在此el对应的dom中，反之，若没有指定el，则vue实例会处于一种“未挂载”的状态，此时可以通过$mount来手动执行挂载。 注：如果$mount没有提供参数，模
阅读全文
摘要：1.打包css，需要安装css-loader和style-loader 2.打包scss，需要安装node-sass和sass-loader 3.打包less，需要安装less和less-loader 4.打包stylus，需要安装stylus和stylus-loader
阅读全文
摘要：备注：本文的示例等代码将会采用es6的语法。 链接 vuex官方中文网站 [使用vue和vuex实现的简易商城，仅供参考] vuex是什么？ 先引用vuex官网的话： 状态管理模式、集中式存储管理 一听就很高大上，蛮吓人的。在我看来 vuex 就是把需要共享的变量全部存储在一个对象里面，然后将这个对
阅读全文
摘要：内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui
阅读全文
摘要：第一步：node环境安装 1. 如果本机没有安装node运行环境，请下载node 安装包进行安装 2. 如果本机已经安装node的运行换，请更新至最新的node 版本 3. 下载地址：https://nodejs.org/en/ 或者 http://nodejs.cn/ 4. 注意：安装完成后需要将
阅读全文
摘要：问题描述： main.js 为什么已经定义了 components: { App } ，还需要 template: '<App/>' ？ 问题解答： el: '#app' ：是指向 index.html 的<div id="app"></div>元素，该元素作为vue的挂载点 components
阅读全文
摘要：列表渲染 {{ item.message }} {{ parentMessage }} - {{ index }} - {{ item.message }} ...
阅读全文
摘要：条件渲染 A B C Not A/B/C Hello Vue.
阅读全文
浙公网安备 33010602011771号