Vue
关注
分享
扫一扫
vue相关学习
keep789
我们都不完美，但我们心怀敬畏。愿永葆对技术的憧憬与热忱。
展开
-
vue项目打包后一片空白
修改在config文件夹下面的index.js中build模块导出的路径，assetsPublicPath默认的是’/’，也就是根目录。而index.html和static在同一级目录下面，所以改为’...转载 2018-09-12 10:17:01 · 398 阅读 · 0 评论 -
vue-router 2.0 常用基础知识点之router.push()
router.push(location) http://www.jianshu.com/p/ee7ff3d1d93d 除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写...转载 2018-08-24 09:05:50 · 360 阅读 · 0 评论 -
vue脚手架搭建之单文件组件的开发
由于一个完整的项目包含许多的视图，组件全部写在一个html页面中也不利于后期维护。所以我们需要通过脚手架进行项目工程化来构建我们的项目，就不再使用html来构建了，也不在引入vue.js文件了。全部换成单文件组件+webpack+vue的脚手架进行项目的构建。 首先，需要全局安装vue脚手架（全局安装，只需一次），方法是： npm i vue-cli -global 然后就可以构建项目...原创 2018-08-23 22:37:46 · 370 阅读 · 0 评论 -
vue拖拽案例
本案例基于vue自定义指令和原生js的写法实现的。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>vue拖拽</title> <script src="https://cdn.jsdelivr.net/npm原创 2018-08-22 23:04:47 · 3974 阅读 · 1 评论 -
vue基础之过渡效果
在vue官方api中，有提到Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。详见vue过渡基础 提到过渡，就不得不说动画。二者的区别主要有两点： 过渡只有一组关键帧(开始、结束),动画可设置多组关键帧 过渡需要事件触发，动画不需要事件触发 在 CSS 过渡和动画中自动应用 class <!DOCTYPE html> <html>...原创 2018-08-22 22:12:26 · 403 阅读 · 0 评论 -
浅谈vue中的路由及传参
关于vue里面的路由，类别有导航路由、编程式路由、单容器路由、嵌套路由、命名路由等。当然这些路由并不全是对立的，他们有的也是可以一块使用的，比如单容器路由里面可以用到导航、编程式路由、命名路由以及其他路由；关于vue路由之间的传参主要有两种方式，一种是params传参，另一种是query传参。 由于要传递数据，这里分享一个后台接口：请求数据接口 vue路由 在写路由之前一定...原创 2018-08-22 20:57:58 · 2115 阅读 · 1 评论 -
vue-router的使用及实现原理
前端路由是直接找到与地址匹配的一个组件或对象并将其渲染出来。改变浏览器地址而不向服务器发出请求有两种方式: 1. 在地址中加入#以欺骗浏览器，地址的改变是由于正在进行页内导航 2. 使用H5的window.history功能，使用URL的Hash来模拟一个完整的URL。 当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，...转载 2018-09-28 17:51:16 · 2650 阅读 · 0 评论 -
vue基础之组件3
利用vue组件实现一个toast的显示，然后消失 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../7-16/js/vue.js" type="原创 2018-08-21 21:00:44 · 136 阅读 · 0 评论 -
vue基础篇之组件2
上篇介绍了组件的注册、模板和嵌套组件的写法，这篇主要介绍组件之间的传值和操作，包括父子组件传值、平行组件传值、父组件操作子组件，子组件操作父组件。 父组件传值给子组件 父组件－>子组件 通过在子组件标签上绑定自定义属性名,父组件数据为属性值。 子组件内部通过props属性 数组形势 接收属性名 模版内...原创 2018-08-21 20:41:04 · 170 阅读 · 0 评论 -
vue基础篇之组件1
组件是可复用的Vue实例，vue里面用到组件的好处主要是提高代码的复用率，便于后期管理维护代码。 注册组件（三种方法） 注册组件，传入一个扩展过的构造器 Vue.component("v-header",Vue.extend({ })) 注册组件，传入一个选项对象（自动调用 Vue.extend） Vue.component("v-footer",{ ...原创 2018-08-21 19:56:34 · 249 阅读 · 0 评论 -
vue生命周期钩子函数
//index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../8-20/js/vue.js" type="text/javascr原创 2018-08-21 11:59:32 · 417 阅读 · 0 评论 -
bootstrap+vue实现信息的增删改查
主要是对bootstrap和vue的基本用法进行一个练习，代码奉上 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>信息管理系统</title> <link rel="stylesheet" type原创 2018-08-20 23:20:25 · 1976 阅读 · 0 评论 -
vue从1.0到了2.0以后，有哪些变化?
1. 在每个组件模板，不在支持片段代码 组件中模板: 之前: <template> <h3>我是组件</h3><strong>我是加粗标签</strong> &...转载 2018-08-20 23:12:05 · 225 阅读 · 0 评论 -
vue基础之小案例
Todolist <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href=&quo原创 2018-08-20 23:10:30 · 1789 阅读 · 0 评论 -
vue基础篇
本文主要从vue的基础概念、和其他框架的对比、基础语法、基础指令、计算属性、监听、过滤器以及交互来解读vue框架。 vue是什么 Vue.js是一个构建数据驱动的web界面的渐进式框架。目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目进行整合。 作者：尤雨溪 注：渐进式框架-----自底向上、增量开发。 MVC和MVV...原创 2018-08-20 19:39:46 · 336 阅读 · 0 评论