秋水不寒的专栏

懒加载定义:懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 解决方案:常用的懒加载方式有两种,即使用vue异步组件和ES中的import 未使用懒加载vue 路由代码 import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' Vue.use(Router) export default new Router({ rou..

文中例子来自https://www.youtube.com/watch?v=5B66qer8cZo 部分转载于链接：https://www.jianshu.com/p/f372d0e3de80 函数型组件 由于组件的生命周期处理在框架层面上十分耗时，所以，建议平常尽量使用函数型组件。这样，可以避免不必要的性能损失。只要在模板上声明functional属性，就可以实现函数式组件了： <template functional> <div> <di..

父组件 <template> <div> <Hello:flFlag="myFunction"></Hello> </div> </template> importHellofrom'./HelloWorld' methods:{ myFunction(){returntrue } } 子组件 <template> <div class="hello"&g...

<template> <div> 我是首页 <el-select v-model="value" placeholder="请选择" @change=selectOne > <el-option v-for="item in options" :key="item.value" :label="item.label" :value="{value:item.value,label:item..

Vue.js的搭建 vue这个新的工具，确实能够提高效率，vue入门的精髓：(前提都是在网络连接上的情况下)  1.要使用vue来开发前端框架，首先要有环境，这个环境要借助于node，所以要先安装node，借助于node里面的npm来安装需要的依赖等等。  这里有一个小技巧：如果在cmd中直接使用npm来安装的一些工具的话会比较慢，所以我们使用淘宝的npm镜像：  输入

一、从HelloWorld说起 任何语言的都是从Hello World开始的，VueJs也不例外，直接上代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 script src="h

v-bind 缩写 Vue.js 为两个最为常用的指令提供了特别的缩写： v-bind:href="url"> :href="url"> v-on 缩写 v-on:click="doSomething"> @click="doSomething">