随笔分类 - vue
摘要：转载自 vue-cli2、vue-cli3脚手架详细讲解 前言： vue脚手架指的是vue-cli它是vue官方提供的一个快速构建单页面（SPA）环境配置的工具，cli 就是(command-line-interface ) 命令行界面 。vue-cli是基于node环境利用webpack对文件进行
阅读全文
摘要：转载自 vue-router 如何在当前路由下重新点击当前路由的router-link实现刷新 代码： <router-link to="/home" @click.native="flushCom">首页</router-link> export default { ... ... methods
阅读全文
摘要：一、vue编译模块 （1）模块域中导出对象域 export default { data() { return { msg: '' }; } }; A.function定义函数 I、模块导出对象的各关键字的属性值 如data的值 export default { props:['propA'}, d
阅读全文
摘要：转载自 Vue动态组件 在动态组件上使用 keep-alive 我们之前曾经在一个多标签的界面中使用 is 特性来切换不同的组件： <component v-bind:is="currentTabComponent"></component> 当在这些组件之间切换的时候，你有时会想保持这些组件的状态
阅读全文
摘要：转载自 Vue异步组件 在大型应用中，我们可能需要将应用分割成小一些的代码块，并且只在需要的时候才从服务器加载一个模块。为了简化，Vue 允许你以一个工厂函数的方式定义你的组件，这个工厂函数会异步解析你的组件定义。Vue 只有在这个组件需要被渲染的时候才会触发该工厂函数，且会把结果缓存起来供未来重渲
阅读全文
摘要：转载自 优化 Vue 项目编译文件大小 与其说是优化 Vue，不如说主要是在 webpack 打包的配置中做些文章，使得 Vue 编译后的文件尽可能的小。以下介绍自己在项目中进行优化的过程，其中的内容也许并不适合于每个项目，但整体思路是差不多的。 定位问题 要想进行优化，首先我们得清楚问题所在。即：
阅读全文
摘要：一、vue的非编译模式 基于requireJS+VUE搭建的环境 （1）路由配置信息 A、异步加载组件 define(function(){ return [{ name: "my-component", path: "/myComponent", component: resolve => req
阅读全文
摘要：转载自 webpack: require.ensure与require AMD的区别 webpack: require.ensure与require AMD的区别 简介 require-ensure和require-amd的区别： require-amd 说明: 同AMD规范的require函数，使
阅读全文
摘要：转载自 Vue开源项目库汇总 最近做了一个Vue开源项目库汇总，里面集合了OpenDigg 上的优质的Vue开源项目库，方便移动开发人员便捷的找到自己需要的项目工具等，感兴趣的可以到GitHub上给个star。 UI组件 element ★9305 - 饿了么出品的Vue2的web UI工具套件Vu
阅读全文
摘要：转载自 vuejs2.0从入门到放弃--入门实例（四） 最近，很多小伙伴有疑惑，想学vuejs必须先了解复杂的构建工具和命令行操作吗！！答案是否定的！ 对于很多做前端的同学，涉及到命令行和构建工具，想必大家都比较发憷，没有人指导，根本就不理解不了命令行的操作，导致好多想学习vue的同学被扼杀在摇篮里
阅读全文
摘要：转载自 Vue.js 2.0从入门到放弃 入门实例（二） 前面一篇博客介绍了从零开始准备Vue.js所需的一些环境和工具。这片博客就来跟大家探讨一下Vue.js 2.0中的一些特性，以及一个小实例，通过实例来跟大家分享，想必更容易理解。 先来看一下，看完这篇博客，你会做出什么样的效果吧。 就是这样的
阅读全文
摘要：转载自 axios使用说明 安装 使用 npm: $ npm install axios 使用 bower: $ bower install axios 使用 cdn: <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
阅读全文
摘要：转载自 vue 指令基本使用大全 指令 解释：指令 (Directives) 是带有 v- 前缀的特殊属性作用：当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM 常用指令 v-textv-htmlv-bind v-text 解释：更新元素的 textContent v-html 解释：
阅读全文
摘要：转载自 vue.js 接收url参数 1) 路由配置传参方式在配置路由时 例如 "/firewall/authorize/:uid/:uname/:token"页面url为 http://XXX.com/firewall/authorize/23/zhangman/232454 js 接收方式 th
阅读全文
摘要：转载自 Vue.js 定义组件模板的七种方式 在 Vue 中定义一个组件模板，至少有七种不同的方式（或许还有其它我不知道的方式）： 字符串模板字面量x-template内联模板render 函数JSF单文件组件 在这篇文章中，我将通过示例介绍每个选项，并探讨利弊。以便你知道在任何特定情况下最适合的是
阅读全文
摘要：一、watch的API vm.$watch( expOrFn, callback, [options] ) 参数： {string | Function} expOrFn{Function | Object} callback{Object} [options] {boolean} deep{boo
阅读全文
摘要：转载自 vue组件，自定义v-model方法 1 < my-component v-model="obj"></ my-component > 在使用my-component组件时，为了实现双向绑定。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Vue.component( '
阅读全文
摘要：项目目录 ●/ ●index.html ●js/ ●main.js ●myComponent.js ●routes.js ●textComponent.js ●lib/ ●vue.js ●vue-router.js ●require.min.js 一、构建require.js环境 （1）index.
阅读全文
摘要：转载自 Prop Prop 的大小写 (camelCase vs kebab-case) HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case
阅读全文
浙公网安备 33010602011771号