lihui61357457的博客

【代码】Vue-router的导航守卫（前端控制页面跳转或取消，权限控制）

WOW.js 实现了在网页滚动时的动画效果，可以让你的页面更有趣，比如页面在向下滚动的时候，让一些元素产生动画效果，吸引用户的注意。这里会自动安装animate.css。

Vuex-class是Vuex和vue类组件的绑定助手，主要用于Vue2.0+TS使用store的全局变量和方法。9.使用vuex-class。2.store文件目录结构。

【代码】Vue-通过TS来定义组件。

1.单页Web应用（SPA - Single Page web Application）也就是说只有一个HTML文件的Web应用, 我们就称之为单页Web应用, 就称之为SPA应用我们通过Vue开发的项目其实就是典型的SPA应用2.SPA的特点:1)SPA应用只有一个HTML文件, 所有的内容其实都在这个页面中呈现的2)SPA应用只会加载一次HTML文件, 不会因为用户的操作而进行页面的重新加载当用户与应用程序交互时, 是通过动态更新页面内容的方式来呈现不同的内容3. SPA优点:1)

1.src目录下创建plugin文件夹2.在plugin文件夹下自定义一个文件夹比如（loading）一个文件夹就是一个组件3.在loading目录下创建Loading.vue<template> <div class="container" v-show="isShow"> <div class="loading"></div> <p class="title">{{title}}</p>

添加链接描述监控输入框输入的内容 如果每次都检查会消耗性能，不建议解决方法：使用函数节流监控1.创建局部指令 export default { methods:{ search(){ console.log("输出指令"); } }, directives: { //函数节流 监控输入框 提高性能 throttle: { // 指令的定义 inserted: function (e

将一些数据绑定到元素中方便后续使用:data-数据名称 = "数据"直接获得数据<div :data-index = "1" ref="group"></div>let index = this.$refs.group.dataset.index触发事件获得 <ul class="list-keys"> <li v-for="(key,index) in keys" :key="index" :d

1.通过banners发送，props接收Recommend.vue<template> <div class="recommend"> //发送数据到Banner <Banner :banners="banners"></Banner> </div></template><script>import {getBanner} from "../api/index";import Banner

1.在src目录下创建api文件夹2.在api目录下创建network.jsimport axios from 'axios'import Vue from 'vue'// 进行一些全局配置axios.defaults.baseURL = 'http://127.0.0.1:3000/'// axios.defaults.baseURL = 'http://192.168.0.101:3000/'axios.defaults.timeout = 5000let count = 0// 添

通过import加载组件 无论组件是否被用到都会被加载进来这样子如果没有使用到某一个组件就就会导致性能较差import Recommend from "../view/Recommend";import Singer from "../view/Singer";import Rank from "../view/Rank";import Search from "../view/Search";为了提高性能我们使用按需加载组件 用到哪个就加载哪一个// 实现Vue组件的按需加载const