随笔分类 -  vue

vue入门完结篇
摘要：1.vue 嵌套路由 用法:在router对象中使用children属性定义嵌套路由 示例: ps:重定向使用redirect表明此请求要重定向的地址 2.参数传递 使用对象传递参数 to ={{name:'地址' ,id: 1}} 通过$route.param.id 3.路由钩子 router.b 阅读全文
posted @ 2021-07-28 23:13 夜未央111 阅读(31) 评论(0) 推荐(0)
vue element ui
摘要：1.安装 使用命令 npm i element-ui -S 安装element ui 安装sass加载器 cnpm i sass-loader -D 2.使用 在main.js加入如下代码 import Vue from 'vue'; import ElementUI from 'element-u 阅读全文
posted @ 2021-07-28 14:58 夜未央111 阅读(59) 评论(0) 推荐(0)
vue 路由
摘要：1.创建vue项目 2.在src目录下创建router文件夹 创建index.js 3.在main.js中加入router 4.在app中展示router ps:vue router安装 在命令行输入npm install vue-router --save-dev 阅读全文
posted @ 2021-07-27 16:56 夜未央111 阅读(31) 评论(0) 推荐(0)
vue webpack使用即vue-cli
摘要：1.node.js安装 网址：https://nodejs.org/zh-cn/ 下载后一直next 2.安装包 (1)镜像cnpm 在命令窗口使用npm install cnpm -g命令 (2)vue-cli 使用命令vue-cli npm install vue-cli -g 3.vue项目创 阅读全文
posted @ 2021-07-26 20:59 夜未央111 阅读(117) 评论(0) 推荐(0)
vue 自定义事件
摘要：问题：使用组件中的方法如何删除vue示例中的方法 1.传统解决方法vm.方法名 2.使用自定义方法解决 其中v-on绑定自定义事件remove使用removeItems 在组件中使用组件中方法removeCom removeCom中使用emit方法绑定自定义事件remove 效果: ps:本人也不懂 阅读全文
posted @ 2021-07-26 12:48 夜未央111 阅读(54) 评论(0) 推荐(0)
vue class与style转变
摘要：1 动态绑定class 2.数组绑定class列表 3.组件类型绑定 渲染结果为:<p class:"foo bar baz boo"></p> vue同样可以绑定数组类型 4 内联样式 阅读全文
posted @ 2021-07-23 21:13 夜未央111 阅读(135) 评论(0) 推荐(0)
vue计算属性
摘要：1.vue中computed属性 类似methods但是有区别： methods中定义函数为方法，数据每次加载时都是重新载入 而computed为属性，数据加载时类似缓存只有更新时数据才改变（虚拟dom） 2.示例: currentTime1为methods每次都会改变 curretTime2则不会 阅读全文
posted @ 2021-07-23 19:10 夜未央111 阅读(42) 评论(0) 推荐(0)
axios异步通信
摘要：1.axios的cdn实现 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 2.axios使用步骤 (1)链式法则 (2)格式 axios.get(文件名).then(response=>(this.data=res 阅读全文
posted @ 2021-07-22 19:26 夜未央111 阅读(48) 评论(0) 推荐(0)
vue组件
摘要：1 vue.component vue组件作用为vue的模板（提供固定网页样式） 2.示例 3.props解析：v-bind指明要绑定的形参为ran指向参数item 即items数组中每一项遍历出来 然后将形参传入模板中的li标签中 阅读全文
posted @ 2021-07-22 16:01 夜未央111 阅读(39) 评论(0) 推荐(0)
vue双向绑定事件
摘要：1.vue通过v-model双向绑定事件 2.效果 阅读全文
posted @ 2021-07-19 21:47 夜未央111 阅读(55) 评论(0) 推荐(0)
vue绑定事件
摘要：1 v-on绑定事件 2 在vue对象中使用methods定义方法 示例： 阅读全文
posted @ 2021-07-19 21:05 夜未央111 阅读(44) 评论(0) 推荐(0)
vue基本语法1
摘要：1.v-bind命名标签演示 更改虚拟dom: 2 if判断 3.循环 效果如下: 阅读全文
posted @ 2021-07-09 16:25 夜未央111 阅读(28) 评论(0) 推荐(0)
第一个vue程序
摘要：1.使用ideal安装vue file-->settings-->plugins-->vue,js搜索 使用其他工具也可 2 创建第一个vue程序 (1）vue在线cdn:<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.mi 阅读全文
posted @ 2021-07-09 15:57 夜未央111 阅读(33) 评论(0) 推荐(0)