Loading

随笔分类 -  Vue

Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):
摘要：使用uni-app报Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js): 检查控制台提示的xx.vue 检查看是不是view 阅读全文
posted @ 2022-11-04 09:08 Rzk
vue 项目报错出现error 'resp' is defined but never used no-unused-vars
摘要：原因 错误描述：App.vue中的 ‘resp’ 已定义定义却从未使用过 在该行后面加上 // eslint-disable-line no-unused-vars 阅读全文
posted @ 2021-09-29 03:57 Rzk 阅读(482) 评论(0) 推荐(0)
使用vue-cli创建项目
摘要：Vue CLi官网 Vue CLi官网 首先需要安装vue cli 使用该命令进行安装,如果2版本或低版本可以使用更新,或者先删除再使用以下命令 安装 npm install -g @vue/cli 更新 npm update -g @vue/cli 卸载 npm uninstall vue-cli 阅读全文
posted @ 2021-09-17 03:54 Rzk 阅读(144) 评论(0) 推荐(0)
整合ElementUI
摘要：整合ElementUI 创建工程 创建一个名为vue-elementui的工程 # 使用webpack打包工具初始化一个名为 vue-element-ui的工程 vue init webpack vue-element-ui 安装依赖 我们需要安装 vue-router、elemnt-ui、sass 阅读全文
posted @ 2021-09-13 01:44 Rzk
Vue实战快速上手
摘要：前言 ElementUI组件+vue 创建工程 1.创建一个名为 hello vue 的工程 vue init webpack hello vue 2.安装依赖.需要安装四个插件 vue router,element ui,sass loader和node sass 进入工程目录 cd hello 阅读全文
posted @ 2020-05-10 18:30 Rzk 阅读(203) 评论(0) 推荐(0)
Vue-router 路由
摘要：继这一篇打开 https://www.cnblogs.com/rzkwz/p/12846984.html 在idea控制台输入 install vue router save dev 等待下载完成 在main.js导入包 import VueRouter from 'vue router' //显示 阅读全文
posted @ 2020-05-08 15:48 Rzk 阅读(178) 评论(0) 推荐(0)
webpack学习
摘要：安装Webpack npm install webpack g npm install webpack cli g 随后进入目录测试 创建项目,在目录下安装目录下新建 1. 右键新建 myvue 2. 用idea打开 3. 在项目目录新建modules文件,在这个文件下新建hello.js //he 阅读全文
posted @ 2020-05-08 15:08 Rzk 阅读(169) 评论(0) 推荐(0)
第一个Vue-cli
摘要：第一步下载node.js https://nodejs.org/zh-cn/ 安装成功后 在cmd 输入 node -v 看看能不能打印出来 在cmd 输入 npm-v 看看能不能打印出来 全局安装 cmd输入 npm install cnpm -g -- 全局安装 查看有没有安装完成文件 安装 v 阅读全文
posted @ 2020-05-08 14:43 Rzk 阅读(180) 评论(2) 推荐(0)
Vue 插槽和自定义事件
摘要：官方给出prop例子 props: ['initialCounter'], data: function () { return { counter: this.initialCounter } } 自定义事件 不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配 阅读全文
posted @ 2020-05-06 01:08 Rzk 阅读(964) 评论(0) 推荐(0)
Vue计算属性
摘要：计算属性 说明 methods:定义方法,调用方法使用 currentTime1() 需要带括号 computed:定义计算属性,调用属性使用currentTime2, 不需要带括号,this.message是为了能够让currentTime 观察到数据的变化而变化 如何在方法中的值发生变化,则缓存 阅读全文
posted @ 2020-05-05 23:31 Rzk 阅读(137) 评论(0) 推荐(0)
使用axios 异步显示数据到页面
摘要：引入所需要的js文件 json文件 json文件在这个页面里面 https://www.cnblogs.com/rzkwz/p/12830917.html 编写js 从data的数据显示到页面上 {{info.name}} {{info.url}} {{info.isNonprofit}} {{in 阅读全文
posted @ 2020-05-05 16:13 Rzk 阅读(981) 评论(0) 推荐(0)
vue.js:616 [Vue warn]: Error in render: "TypeError: Cannot read property 'name' of undefined" (found in <Root>),
摘要：vue。类型错误:无法读取未定义的属性'name' 解决后 阅读全文
posted @ 2020-05-05 16:00 Rzk 阅读(413) 评论(0) 推荐(0)
axios异步通信
摘要：新建一个json格式的文档 { "name": "java", "url": "java", "page": 1, "isNonprofit": true, "address": { "street": "市区", "city": "汕头", "country": "中国" }, "links": 阅读全文
posted @ 2020-05-05 15:32 Rzk 阅读(214) 评论(0) 推荐(0)
Vue组件
摘要：vue组件 说明 Vue.component():注册组件 my component li:自定义组件的名字 template:组件的模板 props属性传递参数:需要传递参数到组件上,所以就需要这个props属性 总结 第一步:编写new Vue对象 第二步:遍历message的数据 第三步:要遍 阅读全文
posted @ 2020-05-04 23:34 Rzk 阅读(123) 评论(0) 推荐(0)
Vue 双向绑定
摘要：使用textarea {{message}} 使用radio 性别: 男 女 选中了谁: {{message}} 使用select下拉框 value: {{message}} 总结 1.通过双向绑定,得出需要用到 [^ textarea] 进行绑定 [^ texterea]:在文本区域插值 ({{t 阅读全文
posted @ 2020-05-04 17:56 Rzk 阅读(171) 评论(0) 推荐(0)
js的比较运算符含义和示例和逻辑运算符
摘要：比较运算符含义和示例 | 运算符 | 含义 | 示例 | | | | | | 等号(==) | 如果操作数相等，只返回true。如果两个操作数不是同一类型，JavaScript会将它们转化为。与第一个操作数相同的类型。 | 5 == var1 "5" == var1 5 == '5' | | 不等号 阅读全文
posted @ 2020-05-04 15:52 Rzk 阅读(224) 评论(0) 推荐(0)
Vue的 on +bind+if +for
摘要：on的事件 dJ()：括号可加可不加，不影响 小栗子（一） <div id="app"> <input type="button" value="v-on指令" v-on:click="dJ()" /> <input type="button" value="v-on缩写" @click="dJ() 阅读全文
posted @ 2020-05-04 15:14 Rzk 阅读(146) 评论(0) 推荐(0)
Vue入门例子
摘要：根据官方文档和视频进行学习 用 idea 进行开发导入js 新建HTML,在HTML输入以下代码 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script> <div id="app"> {{mess 阅读全文
posted @ 2020-05-04 15:01 Rzk 阅读(247) 评论(0) 推荐(0)