前端
Rebright-崇明
神说要有光,于是便有了我
展开
-
Vue入门 ---- 组件式开发
组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-04-07 15:32:15 · 269 阅读 · 0 评论 -
Vue入门 ---- 仿百度搜索
简述学习vue的第二节,由于2.0版本并不向下兼容,视频中的不少内不能实现。下面列出一些主要知识点// v-on 可简写为@// 事件冒泡是指当点击div内部的button触发show1()时,必然会冒泡到div上执行show2(),这才层级div中很常见// 阻止冒泡,原生js法,设置事件对象的cancelBubble属性为true// vue方法@click.stop/...原创 2019-03-21 13:28:14 · 1667 阅读 · 0 评论 -
Vue入门 ---- 简易留言板
简述初学vue,比Angular要简单易学一点,基本就是html代码+json。这是第一个小的例子,用到了vue的几个常用方法,其中v-for的$index稍微有点迷惑,也影响了完成的速度,网上说是vue2.0已经取消了这种用法,也不是很明白,跟着教程走的,后面的教程有讲解vue2.0的新特性,所以到后面完善吧。同时复习到了bootstrap的知识,之前知识稍微用过,现在才渐渐的明白这种css...原创 2018-04-03 20:46:00 · 2121 阅读 · 0 评论 -
Vue入门 ---- vuex
简介Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 vuex分为三大部分: state,驱动应用的数据源; view,以声明方式将 state 映射到视图; actions,响应在 view 上的用户输入导致的状态变化。 以下是vuex官网提供的的示意图:一、初始...原创 2018-04-14 14:00:59 · 273 阅读 · 0 评论 -
Vue入门 ---- vue-loader 、vue-cli
简介: vue-loader,来源于css-rouder、url-loader、html-loader… 后台node.js–>require exports等都是基于模块的开发 broserify 较早的模块加载器,但是只能加载js webpack,模块加载器,一切东西皆模块,最后打包到一起 vue-loader是基于webpack的 .vue文件 由vue-loader构成...原创 2018-04-08 12:44:27 · 1810 阅读 · 0 评论 -
Vue入门---- vue-router
简介:vue-router官网 用 Vue.js + vue-router 可以快速创建SPA(单页应用程序),是非常简单的。使用 Vue.js ,我们已经可以通过组合Component来组成应用程序。 引入 vue-router 的过程:将组件(components)映射到路由(routes),然后告诉 vue-router 在哪里渲染它们。直接使用方法:<!D...原创 2018-04-08 12:45:07 · 306 阅读 · 0 评论 -
Vue入门 ---- 组件通信
组件通信:子组件获取父组件的数据 父组件获取子组件的数据平行组件之间的通信vue2.0中用子组件修改父组件数据报错问题一定需要通过子组件修改父组件子组件获取父组件的数据 通过子组件中的属性props,以与父组件数据的绑定。(注意:1.0版本允许子组件修改父组件的数据,使用sync进行同步。2.0不再支持)<!DOCTYPE html><html...原创 2018-04-07 18:45:23 · 226 阅读 · 0 评论