Vue
关注
分享
扫一扫
CAFFE009
这个作者很懒，什么都没留下…
展开
-
vue-cli脚手架工具--搭建开发所需要的环境
. |-- build // 项目构建(webpack)相关代码 | |-- build.js // 生产环境构建代码 | |-- check-version.js // 检查node、npm等版本 | |-- dev-client.js ...转载 2020-01-08 15:22:24 · 121 阅读 · 0 评论 -
Vue 生命周期 理解
Vue实例有一个完整的生命周期，也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程，我们成为Vue 实例的生命周期，钩子就是在某个阶段给你一个做某些处理的机会。 生命周期图.jpg 生命周期文字解析.jpg beforeCreate( 创建前 ) 在实例初始化之后，数据观测和事件配置之前被调用，此时组件的选项对象还未创建，el 和 data 并...转载 2020-01-02 17:51:31 · 160 阅读 · 0 评论 -
Vue2.0的八种常用传值方式、父传子、子传父、非父子组件传值（最完整）
@TOC 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 转载链接：https://blog.youkuaiyun.com/qq_36711388/article/details/82949871 Vue2.0 传值方式： 在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产...转载 2019-08-30 15:15:18 · 1083 阅读 · 1 评论 -
vue的mixins的使用
mixins就是混入。 一个混入对象可以包含任意组件选项。 同一个生命周期，混入对象会比组件的先执行。 1.创建一个test.js，用export暴露出mixins对象 export const mixinsTest = { methods:{ hello(){ console.log("hello"); ...转载 2019-08-30 16:11:35 · 230 阅读 · 0 评论 -
Vue动态组件 <component>
VUE动态组件component以及<keep-alive> component 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="w...转载 2019-08-30 16:12:18 · 401 阅读 · 0 评论 -
vue定义全局变量和全局方法示例
一、全局引入文件 1、先定义共用组件 common.vue ? 1 2 3 4 5 6 7 8 9 10 11 12 <script type="text/javascript"> // 定义一些公共的属性和方法 const httpUrl...原创 2019-08-30 17:48:39 · 713 阅读 · 0 评论 -
Vue自定义局部过滤器
image.png 一.重点 过滤器:本质上是管道函数,函数的一种 二.助记图 image.png 1.问题 有些过滤器我们希望只在特定的Vue控制的区域调用 2.解决方案 通过给Vue实例对象添加filters属性,定义局部过滤器只在特定的控制区域使用 3.代码验证 i ...原创 2019-08-30 18:03:20 · 340 阅读 · 0 评论 -
vue路由的配置
转载自https://www.cnblogs.com/cyundan/p/9732622.html 一、准备工作 1安装vue-cli npm install vue-cli -g 2检查是否安装成功vue -V(大写V) 3初始化一个新的项目vue init webpack vue-demo 进入项目目录npm install npm run d...转载 2019-08-30 18:09:21 · 217 阅读 · 0 评论