使用typescript构建Vue应用 一、Vue项目初始化-引入typescript 使用typescript构建Vue应用和使用js一样,都是通过vue-cli去初始化并创建一个vue项目,只不过使用typescri…
标签:vue.js
关于.vue文件中style的scoped属性
scoped可以实现style只作用于当前的.vue文件 <template> <div class="user"></div> </template> <scrip…
Vue2.0四——组件传参
路由配好了 再传个参呗 注:组件信息流转的时候只能单向 1 > 父子传参 传参:通过属性 prop:传递数据 a.父组件传参给子组件 子组件: <ul> <li v-for="item in da…
vue踩坑
序言 最近开始写一个Vue的项目,直接从零开始(2333),博主表示亚历山大,为了保证学习Vue的效率,在此记录从0开始学习Vue所踩的坑。 这里就不一一介绍Vue的特性了,直接从编码开始。 组件间的通信 子组件使用父组…
vue2.0学习笔记(二):vue-cli 项目搭建 less/ele-ui/axios
上一篇文章简单的介绍了vue-cli项目的安装,下面介绍一下一些基本配置loader加载依赖,使项目可以快速搭建,快速开发,废话少说,开始 第一步:引入less/sass 简单说 Less/sass 是一门 CSS 预处…
前端性能优化之gzip
gzip是GNUzip的缩写,它是一个GNU自由软件的文件压缩程序。它最早由Jean-loup Gailly和Mark Adler创建,用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz的文件,它们就是G…
在addEventListener时为具名函数传递参数
泡面最近在做一个基于Vue的组件,之间要用到通过addEventListener绑定鼠标事件,但遇到一个比较恶心的问题。就是需要在绑定匿名函数时候传递参数,当然,这个很容易,但是当你要动态移除掉这个匿名函数时就很麻烦…
vue多页面项目使用全局Loading组件
多页面vue应用中,在请求接口之前统一加上Loading作为未请求到数据之前的过渡展示。由于多页面未使用vuex做状态管理,只在入口统一注册了bus,所以此例子使用eventbus做事件通信。 在Loading.vue中…
vue 路由基础
vue 路由基础 vue 使用 vue-router 插件处理路由,路由是开发单页应用必须掌握的知识。 什么是 vue-router? (1)vue-router 是 Vue 官方提供前端路由插件,借助它我们实现可以基于…
vue cli3 项目打包
详细信息到 vue-cli3官网 新建 vue.config.js 文件 // 在这里配置 module.exports = { // 基本路径 publicPath:"./", // 输出文件目录 outputDir:…
Vue 页面权限控制和登陆验证
更多文章 页面权限控制 页面权限控制是什么意思呢? 就是一个网站有不同的角色,比如管理员和普通用户,要求不同的角色能访问的页面是不一样的。如果一个页面,有角色越权访问,这时就得做出限制了。 Vue 动态添加路由及生成菜单…
在VUE的路由钩子中使用this
官方文档 const Foo = { template: `...`, beforeRouteEnter (to, from, next) { // 在渲染该组件的对应路由被 confirm 前调用 // 不!能!获取组…