vue.js
关注
分享
扫一扫
文章平均质量分 86
英俊潇洒美少年
路漫漫其修远兮，吾将上下而求索！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue.js start
Vue.js start前端框架发展历史html html [1990]----> html5 [2008.1.12]css css 1.0 1996 css 2.0 1998 css 3.0 2001EcmaScript 1997年诞生 2015 EcmaScript 2015 2016 EcmaScript 2016 ...转载 2019-09-19 18:17:23 · 230 阅读 · 0 评论 -
路由的导航守卫&&过渡动效transtion&&导航守卫&& 路由懒加载 && 路由元信息 @stage3---wee2--day7
# 路由的导航守卫别名：导航守卫路由守卫路由钩子路由拦截作用： — 类似 【保安】守卫路由进举例： 携带数据进出举例： 事情完成才能出导航守卫一共有三种形式 【 项目三选一 】A: 全局导航守卫针对的整个项目，也就是管理或是监听整个项目全局前置守卫 router.beforeEach(fn)fn 中有三个参数to： 目标...原创 2019-10-06 23:38:59 · 285 阅读 · 0 评论 -
Vue 进阶&&猫眼电影---案例演示 && 路由接参 && 编程式的导航@stage3---week2--day6
Vue 进阶动态路由 + 路由传参 + 路由接参案例： 移动端常见的： 分类 -》 列表 -》 详情 -》 购物车引入组件库组件库就是可以快速帮助我们实现样式布局和基本逻辑组件库 vs ui 库组件库指的是有组件构成的类库ui 库更多偏向的的是样式： sui类型说明：Vue 的组件库很多，我这边列举的是比较流行的pc 端 【 后台管理系统 】...原创 2019-10-06 23:37:44 · 555 阅读 · 0 评论 -
vue-router 的设置步骤 && vue-router基础@stage3---week2--day5
vue-router [版本 3.x]SPA （ single page App ） 单页面应用对应着 多页面应用有多个 html 文件，通过 a 标签的连接联通各个页面缺点开发起来太冗余，编译、压缩很耗时间页面之间的跳转速度太慢，这个时候就会出现一个严重的问题，白屏单页面应用不需要刷新页面，因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现...原创 2019-09-27 17:13:39 · 301 阅读 · 0 评论 -
Vue的cli3 && cli2 脚手架的安装 && yarn包管理工具的使用@stage3---week2--dat4-2
clivue项目的快速构建工具 cli 【 脚手架 】底层 webpack什么是cli?cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpackcli3对电脑的配置有一定要求yarnyarn 是什么？yarn 是类似于npm的一个包管理器，它是facebook出品yarn 使用的好处？安全yarn 可以保证我们项目中以...原创 2019-09-27 13:06:19 · 545 阅读 · 0 评论 -
updated && beforeUpdate() Updated()&& 生命周期-销毁阶段 && vue的nextTick@stage3---week2--day4-1
updated && beforeUpdate() 和 Updated()钩子函数 && 生命周期-销毁阶段-外部销毁 && 生命周期-销毁阶段-内部销毁 && vuejs 的 nextTickupdated 钩子函数页面数据已更新任务通过diff算法对比新旧DOM，生成patch补丁对象，然后将补丁对象渲染为真实DOM，...原创 2019-09-26 16:51:38 · 673 阅读 · 0 评论 -
组件的通信 && 自定义过滤器 && slot && 自定义指令 && 异步组件 &&生命周期 && Swiper@stage3---week2--day3
组件的通信为什么要进行组件通信？组件是一个聚合体，将来项目要合并，那么必然各个组件之间需要建立联系，这个联系就是数据通信分类父子组件通信子父组建通信非父子组建通信多组件状态共享【vuex】（跨组件通信）1.父子组件通信步骤第一步 Father data(){}设置第二步 组件通过v-bind 接受数据第三步 Son props 以数组的形式接受数据/...原创 2019-09-25 21:11:29 · 194 阅读 · 0 评论 -
watch && computed 拓展 &&混入 && 组件
watch && computed 拓展watch深度监听<body> <div id="app"> 单价： <input type="text" v-model = "money"> <br> 数量： <input type="text" v-model = "n...原创 2019-09-24 20:56:56 · 118 阅读 · 0 评论 -
Vue.js 的axios && fetch && 计算属性&& 侦听属性 @stage3---week2--day1
axios理解静态请求：因为我们现在流行的事前后端分离， 所以当后端还没有给我们接口的时候， 我们也需要正常进行开发， 所以我们需要进行数据模拟数据模拟：1. 爬取线上的， 拷贝 copy response2. 使用mock.js来生成3. easy mock 这是线上静态网站， 用于接口的暴露axios<script src="https:/...原创 2019-09-24 08:22:29 · 148 阅读 · 0 评论 -
Vue.js的axios && fetch &&计算属性 && 侦听属性 @ stage3---week2--day1
axios理解静态请求：因为我们现在流行的事前后端分离， 所以当后端还没有给我们接口的时候， 我们也需要正常进行开发， 所以我们需要进行数据模拟数据模拟：1. 爬取线上的， 拷贝 copy response2. 使用mock.js来生成3. easy mock 这是线上静态网站， 用于接口的暴露axios<script src="https:/...原创 2019-09-24 08:16:12 · 254 阅读 · 0 评论 -
Vue.js深入响应式原理@stage3---week1--day5-2
深入响应式原理现在是时候深入一下了！Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作原理同样重要，这样你可以避开一些常见的问题。Vue.js是不兼容ie8一下的，包括ie8Vue.js中使用了一个es5特性： Object.defineProperty()...原创 2019-09-21 11:15:59 · 202 阅读 · 0 评论 -
Vue.js的Class 与 Style 绑定 && 事件处理 @stage3---week1--day5-1
Class 与 Style 绑定操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。绑定 HTML Class对...原创 2019-09-20 20:29:28 · 445 阅读 · 0 评论 -
vue.js_start_now @stage3---week1--day4-02
Vue.js start now当我们通过script标签对引入Vue.js之后，我们会得到一个全局变量 Vue<script src= "../../lib/vue.js"></script><script> /* 当我们通过script标签对引入Vue.js之后，我们会得到一个全局变量 Vue */ v...原创 2019-09-19 21:32:53 · 224 阅读 · 0 评论 -
Vuex&& @stage3---week2--day8
安装 Vuex$ yarn add vuex在入口文件 main.js 中import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。什么...原创 2019-10-06 23:39:52 · 174 阅读 · 0 评论