随笔分类 - Vue
vue、vue-router、vuex、axios
摘要：有一些问题不限于 Vue，还适应于其他类型的 SPA 项目。本文是以Vue为例进行说明。 一、页面权限控制 页面权限控制是什么意思呢？ 就是一个网站有不同的角色，以博客园后端系统为例存在管理员（admin）和普通用户（user），要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越权访问，这
阅读全文
摘要：在Vue项目中用的比较多的就是组件，为了实现组件的样式模块化。我们通常会在style标签中添加一个scoped属性，这样css样式只能作用于当前的Vue组件。使组件之间的样式相互独立，当调用该组件的时候就不会影响其他组件样式或者被其他组件中的样式所干扰。 一、什么是scoped scoped是Vue
阅读全文
摘要：Vue中允许你自定义过滤器，可被用于一些常见的数据文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式。 1 <template> 2 <div class="filters"> 3 <!-- 在Mustache语法中使用 --> 4 <p>{{ message | flip }
阅读全文
摘要：分享目标： 了解 Vue.js 的组件化机制 了解 Vue.js 的响应式系统原理 了解 Vue.js 中的 Virtual DOM 及 Diff 原理 Vue.js概述 Vue 是一套用于构建用户界面的渐进式MVVM框架。那怎么理解渐进式呢？渐进式含义：强制主张最少。 Vue.js包含了声明式渲染
阅读全文
摘要：1、创建一个vue项目步骤 （windows环境下）。创建vue项目前，检查系统是否具备创建项目的条件（是否已经安装好了node.js、webpack、vue-cli）。cmd打开终端。 1.1 如果还没安装node.js， 则先安装node.js ，安装完成后，查看node版本 node -v 1
阅读全文
摘要：大家好，在上一篇系列文章里，我们一起学习了路由的基本配置，如何创建路由和传参，本篇文章我们一起学习下 Navigation 导航和路由守卫的相关内容。 Navigation 如果要改变当前路径，我们可以使用 <router-link> 自带的组件和JS编码的两种方式进行实现。 一、 Links方式
阅读全文
摘要：大家好，今天的内容，我将和大家一起聊聊 Vue 路由相关的知识，如果你以前做过服务端相关的开发，那你一定会对程序的URL结构有所了解，我没记错的话也是路由映射的概念，需要进行配置。 其实前端这些框架的路由概念也是借鉴了后端路由框架的思想，让我们能像后端一样，进行路由规则化的配置。Vue的路由插件不仅
阅读全文
摘要：先来一下演示效果。和vue的官方文档几乎是一致的，页面内容都可自定义。 此教程部署后的效果预览。 在你跟着教程搭建好项目之后，你会收获： 快速搭建一个文档/博客，后期只需要修改markdown内容和导航参数，即可一键打包生成页面。 页面具有非常好的加载性能和搜索引擎优化（SEO），其他的页面则会只在
阅读全文
摘要：最近接触了很多前端的小伙伴，和他们谈了很多职业发展的问题。他们大部分是做了一到三年的前端新手。 在交流中我发现了一个很有意思的现象，大家同样是入门不足三年，一部分感觉前端是一个很有前途的职业，甚至一部分两年经验的前端同学透露年薪已经30W以上了，而另一部分则表示前端薪资水平不高，技术体系庞杂，迭代速
阅读全文
摘要：本文主要内容涵盖Vue.js的基础部分的知识的，文章顺序基本按照官方文档的顺序，每个知识点现附上代码，然后根据代码给予个人的一些理解，最后还放上在线编辑的代码以供练习和测试之用；在最后，我参考SegmentFault上的一篇技博，对Vue进行初入的实战，目的是将新鲜学到的知识立即派上用场；如果你还是
阅读全文
摘要：Vue在近两年中得到了快速的发展，17年初开始，市场上对Vue开发者的需求量越来越大，北京在招的前端职位中40%的岗位对Vue技能有要求，在杭州，虽然React仍然是主力框架，但是Vue使用的比例也在逐渐提高。 而在18年，我们看到像美团，滴滴这样的大型互联网公司已经开始把Vue作为主要的前端技术栈
阅读全文
摘要：## 安装 * 直接引入链接：建议初学者使用；* 通过node.js的NPM安装Vue；* 通过node.js的NPM安装Vue-cli脚手架（推荐安装方式）； ## 基础 ### 数据类型 * 字符串：title: 'hello world'；* 数字：num:123；* 数组：arrow: ['
阅读全文
摘要：Vue 程序结构框架 Vue.js是典型的MVVM框架，什么是MVVM框架，介绍之前我们先介绍下什么是MVC框架 MVC 即 Model-View-Controller 的缩写，就是 模型-视图-控制器 , 也就是说一个标准的Web 应用程序是由这三部分组成的： View 用来把数据以某种方式呈现给
阅读全文
摘要：内容简介： Vue 实例上的属性 组件树 $parent ：用来访问组件实例的父实例 $root : 用来访问当前组件树的根实例 $children :用来访问当前组件实例的直接子组件实例 $refs :用来访问ref指令的子组件 DOM访问 $el ：用来挂载当前组件实例的dom元素 $els ：
阅读全文
摘要：前瞻 当前前端界空前繁荣，各种框架横空出世，包括各类mvvm框架横行霸道，比如Anglar,Regular,Vue,React等等，它们最大的优点就是可以实现数据绑定，再也不需要手动进行DOM操作了，它们实现的原理也基本上是脏检查或数据劫持。那么本文就以Vue框架出发，探索其中数据劫持的奥秘（本文所
阅读全文
浙公网安备 33010602011771号