vue
关注
分享
扫一扫
文章平均质量分 63
健身小白
这个作者很懒，什么都没留下…
展开
-
Uni app 分包配置
先参考下面3篇文章1、分包https://uniapp.dcloud.io/collocation/pages?id=subpackages2、预加载https://uniapp.dcloud.io/collocation/pages?id=preloadrule3、分包优化https://uniapp.dcloud.io/collocation/manifest?id=%E5%85%B3%E4%BA%8E%E5%88%86%E5%8C%85%E4%BC%98%E5%8C%96%E7%原创 2021-03-18 17:05:52 · 1793 阅读 · 0 评论 -
vue简学之路（案例十五）路由传参
步骤：1 在路由路径下添加传递的参数：id2 传递参数 在router-link标签下做参数传递 3 接收参数 $route.param.id直接看案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>路由传参</tit...原创 2020-01-06 13:56:06 · 246 阅读 · 0 评论 -
vue简学之路（案例十四）二级路由配置
语法：二级路由的配置，实现组件的嵌套语法（{path：’/news’,component:news,children:[ //二级路由，path分配，前面不要有！{path:‘film’,component:{template:’<.p>电视：人民的名义，河山<./p>’}},{path:‘tv’,component:{template:’&l...原创 2020-01-06 13:24:20 · 221 阅读 · 0 评论 -
vue简学之路（案例十三）路由一级配置以及路由重定向
vue中路由的作用：根据url锚点路径，在容器中加载不同的模块，本质就是页面导航在单页面的情况下更好的前后端分离，对于用户来说如果有路由会路径会根据路由去分配，并且页面不会重新加载，因此页面更为流畅。但是他缺点在于没有多个页面给搜索引擎网页爬虫爬取，由于他会一次性加载html javascript css在初次加载的时候会慢。vue路由引入：1通过npm install vue-route...原创 2020-01-05 21:21:02 · 614 阅读 · 0 评论 -
vue简学之路（案例十二）单文件组件
为什么使用单文件组件参考(https://www.cnblogs.com/xiaohuochai/p/7522344.html)写得挺好原创 2020-01-05 13:17:27 · 273 阅读 · 0 评论 -
vue简学之路（十一）vue-cli脚手架安装
(一)安装node.js下载地址：http://nodejs.org/en/download/下一步下一步走完检查node -v 版本安装node脚手架工具使用npm -v 检查npm 版本（二）安装npm (这里是全局安装)npm install vue-cli -gnpm安装包管理器npm install 加-g 代表不是全局安装npm list 查看模块版本号np...原创 2020-01-05 00:56:15 · 233 阅读 · 0 评论 -
vue简学之路（案例十）vue.js实现原理 v-model v-show 用法练习
<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>vue.js实现原理 v-model v-show 用法练习一</title> ...原创 2020-01-05 00:17:08 · 493 阅读 · 0 评论 -
vue简学之路（案例九）slot插槽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>slot插槽</title> <script src="vue.js"></script></head><body&g...原创 2020-01-05 00:16:13 · 165 阅读 · 0 评论 -
vue简学之路（案例八）组件子组件向父组件逆向传值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>子组件向父组件传值，通过触发自定义事件进行传值</title> <script src="vue.js"></script></he...原创 2020-01-05 00:15:18 · 268 阅读 · 0 评论 -
vue简学之路（案例七）组件 组件通信之 父子组件正向传数据
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>父子组件传值正向传值props，将组件变为动态</title> <script src="vue.js"></script></he...原创 2020-01-05 00:13:28 · 184 阅读 · 0 评论 -
vue简学之路（案例六）组件复用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>父子组件定义</title> <script src="vue.js"></script></head><body&g...原创 2020-01-05 00:09:47 · 311 阅读 · 0 评论 -
vue简学之路（案例五）组件概念
组件概念原创 2020-01-05 00:03:09 · 118 阅读 · 0 评论 -
vue简学之路（案例四）生命周期及过滤器的简单运用
加载评论功能 使用请求“评论列表” 解析列表 展示列表 利用生命周期“完成显示”原创 2020-01-05 00:02:10 · 142 阅读 · 0 评论 -
vue简学之路（案例三）axios 管道符以及生命周期
axios 管道符以及生命周期 {{msg}} {{name | setname('同学')}}原创 2020-01-04 23:56:12 · 353 阅读 · 0 评论 -
vue简学之路（案例二）axios请求get及post以及全局拦截器
axios请求<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>axios请求</title> <script src="vue.js"></script> <script ...原创 2020-01-04 23:53:31 · 327 阅读 · 0 评论 -
vue简学之路（案例一）差值表达式
详细案例请下载，不要币1开发步骤2差值表达式3vue基本指令（v-if show on model bind for）4生命周期 钩子函数5axios get post 方法 获得本地文件内容6过滤器 管道符7 案例实现 包含get请求8 组件 全局 局部9父子组件10 组件传值11 solt 插槽12路由配置部分案例片段<!DOCTYPE html>&l...原创 2020-01-04 23:47:16 · 1822 阅读 · 0 评论