lyww1992的博客

一、安装脚手架安装命令如下npm install -g @vue/cliyarn global add @vue/cli检测版本vue --version二、创建项目1.创建项目开始，定义名称vue create [appName]例如创建一个名称为 testapp 的项目命令为vue create testapp2 选择配置类型按方向键选择，按enter确认第一个为默认配置，包含eslint 和 babel第二个为自定义配置3 各项配置设置操作方式按方向键进

vue中首页 Home.vue 分享页 share.vue在share.vue中mounted () { if(window.history && window.history.pushState) { history.replaceState(null, null, '/Home') history.pushState(null, null, '/...

本文介绍的是vue-cli项目中，webpack下check-versions.js文件各条命令含义项目结构参照vue-cli 项目模板文件说明（一）整体结构篇'use strict'const chalk = require('chalk') // 引入chalk（chalk：修改控制台中字符串的样式（字体样式加粗等／字体颜色／背景颜色））const semver = require('...

本文介绍的是vue-cli项目中，webpack下build.js文件各条命令含义，主要是在项目目录中执行npm run build时的设置。关于webpack我本人并没有进行过系统学习，边角料的碎片化学习慢慢来吧，聚沙成塔咯'use strict' // 严格模式require('./check-versions')() // 引入检查版本文件并立即执行process.env.NO...

'use strict'// Template version: 1.3.1// see http://vuejs-templates.github.io/webpack for documentation.const path = require('path')module.exports = { dev: { assetsSubDirectory: 'static', ...

本文为vue/cli脚手架下src目录中的utils.js 项目结构参照vue-cli 项目模板文件说明（一）整体结构篇全局函数设置exports.install = function (Vue, options) { // 控制书籍介绍字数 Vue.prototype.controlText = (str, len) => { return str.length >...

本文为vue/cli下src目录中main.js篇 完整项目结构参见vue-cli 项目模板文件说明（一）整体结构篇关于main.js没什么好写的，主要是为了配合其他几部分导入http、router、store、until.js 文件// The Vue build version to load with the `import` command// (runtime-only or s...

本文是vue/cli脚手架下src目录下store篇，完整项目结构参照vue-cli 项目模板文件说明（一）整体结构篇4.store目录(1)module状态管理的模板页，如果状态管理本身比较复杂的话，可将每个组件的状态单独建立一个模板，然后由同目录下store.js统一导出，方便维护示例文件const state = { limit: 30}const mutations =...

本文为vue/cli脚手架下src目录中的router目录 项目结构参照vue-cli 项目模板文件说明（一）整体结构篇index.js(1) 定义页面时采用按需加载式，使用时才加载(2) meta 定义页面层级，处理移动端返回时使用，比如采用类似书籍翻页效果时，index小的进入index大的页面是翻开一页，反之是翻回一页(3) 使用history模式，避免地址栏出现‘#’，为防止刷新页...

本文为vue/cli下src目录中http篇，项目结构参照vue-cli 项目模板文件说明（一）整体结构篇本目录文件参考 这里，对本目录有疑问可以进行参照斧正，下面是单个文件内容(1) config.jsexport default { method: 'post', //基础路径前缀，如有多个可在请求中单独设置 baseURL: 'https://cnodejs.org/api...

本文主要针对的是vue/cli2.x项目中src目录下components目录下文件说明及管理，项目整体结构参照 vue-cli 2.x项目模板文件说明（一）整体结构篇1、*.vue 文件直接参照原始生成模板2、当需要引入的全局组件比较多时，为保持main.js的简洁性，设置index.js文件统一引入组件，然后在main.js中统一引入，index.js文件如下import Header from '@/components/Header'import Footer from '@/compo

第一次做了一个vue项目，给自己留一份模板记录整体结构├── build #webpack配置├── config # 配置 ├── dev.env.js # 开发环境 ├── index.js # 配置控制 ├── prod....

基本流程1、安装依赖npm install electron --save-devnpm install electron-packager --save-dev 2、修改config/index.jsbuild:{ assetsPublicPath: './'}3、接口地址修改（如未做过本地反向代理可跳过这一步）例如在用proxyTable做反向代理时所用的配置url替换...

废话不多说了，上代码<template> <ul> <li v-for = "(item, index) in arrs" v-bind:key = 'index'> <span>{{dataAmand(item.title)}}</span> </li> </ul>&l...

vue-router中，单组件内部使用 beforeRouterEnter时，由于该组件此时还未创建，所以无法使用 this，vue官网提示，在next()中使用回调获取实例官方文档如下：const Foo = { template: `...`, beforeRouteEnter (to, from, next) { // 在渲染该组件的对应路由被 confirm 前调...