因为我希望这是一个系列的文章，所以开始之前先简单说一下，我几乎没用过vue这个框架写过项目，所以文章中难免会有一些比较外行的说法。当然，我用过一些时间的angular，也曾经解决过一些同行们vue方面的问题。所以如果有人…

一个简单的vue 增删改查的例子。在线地址 html: <div id="app"> <div class="container"> <div class="input-group">…

监听数据改变 得到一个值并把值保存到本地 watch: { list: { deep: true, handler(newVal) { localStorage.setItem("list", JSON.stringif…

Main.js var routeList = []; router.beforeEach((to, from, next) => { var index = -1; for(var i = 0; i < r…

今天我们来通过webpack前端构架工具去搭建一个vue的项目。首先来边学边做一些测试，之后会有第二篇、第三篇… // 创建项目目录 mkdir webpack_todo cd webpack_todo np…

废话不多说，直接进入正题。安装，引用，这些直接从官网拷贝来的，就不多说了。1、安装使用 npm 安装： npm install v-distpicker –save使用 yarn 安装 yarn add v-…

Vue.nextTick 浅析 Vue 的特点之一就是响应式，但数据更新时，DOM 并不会立即更新。当我们有一个业务场景，需要在 DOM 更新之后再执行一段代码时，可以借助nextTick实现。以下是来自官方文档的介绍：…

前言 我们有时候因为一些特殊需求，可能需要将js/css/img等资源文件都打包到根路径下，但vue-cli3.0的路径配置中仅有 assetsDir配置项能够配置所有的静态文件所在的文件夹，并不能针对css/js/im…

vue-router运用步骤(本教程并不周全，只研讨到了本人够用的水平，假如还想要深切相识路由，请在vue router 文档中进修)： 手动： npm 装置 vue-router npm install vue-rou…

记录一个今天用到的vue-cli建立的应用中引入jquery的方式。 首选通过npm安装jquery npm install jquery --save 在build/webpack.base.conf文件当中引入jqu…

vue-cli中使用axios vue官方已经宣布vue-resource官方已经停止维护，推荐使用axios，我就把之前的项目用更换为axios。遇到了一些问题，通过查找资料，总结一下。 如何在vue中全局使用axio…

vue + iview + webpack项目在ie浏览器中不能正常运行。主要原因是代码中使用es6语法，在低版本浏览器中无法识别。 解决办法：（1）webpack不会编译static下的js文件，所以js文件不要写在s…