Vue学习
vue
小白程序猿一枚
专注于后端开发
展开
-
vue-axios封装
在vue下边创建一个包,我这里是utils包 创建一个request.js。关键一步操作 在main.js中引入request.js 这个配置。原创 2023-05-24 15:26:22 · 105 阅读 · 0 评论 -
vue-cli安装
首先要安装node.js,node.js的安装,直接下一步就可以了,你可以改变一下,安装的位置。,下图就表示安装成功了然后安装一个淘宝加速器,win+r打开命令界面。# -g 是全局安装npm install cnpm -g安装vue-clicnpm install vue-cli -g# 可以查看一下,能通过什么方式创建vuevue list然后创建第一个vue程序vue init webpack firstvue进入项目,安装相关依赖npm install然后原创 2022-01-13 20:58:56 · 261 阅读 · 0 评论 -
Vue-自定义事件
自定义事件:执行流程:首先在todo-items里边写一个删除的方法,在这个方法里边通过使用this.$emit('remove',index);和v-on:remove="removeItem(index)"联系起来,因为remove绑定的方法是removeItem(index),所以当点击按钮的时候就可以操作到Vue里边的数据了。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-.原创 2021-11-25 15:38:09 · 422 阅读 · 0 评论 -
vue-插槽(slot)
插槽其实是为了维护的负担,就相当于,把每一块的内容给模块化。使用的是 标签实现的执行过程:首先自定义三个组件,名字分别是todo、todo-title、todo-items,然后在todo这里边,通过使用slot标签的name来绑定这个组件,然后在id为app的div里边使用 slot绑定这个标签,至此这个才算是把它们全部绑定起来了。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF.原创 2021-11-25 15:32:23 · 290 阅读 · 0 评论 -
vue-计算属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue-计算属性</title></head><body> <div id="app"> <p> currentTime1:{{currentTime1()}}</p>原创 2021-11-23 23:39:43 · 56 阅读 · 0 评论 -
vue-Axios异步通信学习
Axios中文文档地址:http://www.axios-js.com/zh-cn/docs/所需要的的cdn<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script><script src="https://unpkg.com/axios/dist/axios.min.js"></script>伪造一个后端传递的data.json数据{ "na原创 2021-11-23 13:17:30 · 185 阅读 · 0 评论 -
vue-组件学习
通过Component来自定义组件的名称和样式,说的通俗一点,其实就是相当于把页面上公共的部分单独写一下,用的时候直接拿出来。举个例子:网页上的导航栏v-for="item in items" :遍历Vue实例中定义的名为items 的数组,并创建同等数量的组件v-bind:zkw="item" :将遍历的item 项绑定到组件中props 定义的名为zkw属性上。<!DOCTYPE html><html lang="en"><head>.原创 2021-11-23 13:16:05 · 286 阅读 · 0 评论 -
双向绑定事件
当表单、文本域的内容发生改变或者是单选框、复选框、下拉框被选中的时候data里边的数据也会发生改变<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双向绑定</title></head><body> <div id="app"> <h3><fo.原创 2021-11-21 23:18:36 · 329 阅读 · 0 评论 -
绑定事件(v-on)
<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>绑定事件学习 v-on</title></head><body> <div id="app"> <button v-on原创 2021-11-21 13:48:36 · 467 阅读 · 0 评论 -
if和for语句学习
v-bind学习<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>v-bind学习</title></head><body> <div id="app"> <span v-原创 2021-11-21 13:47:40 · 633 阅读 · 0 评论 -
第一个Vue程序
由于Vue程序是前端的,所以话不多说直接上代码引入Vue.js的cdn,给出两个任选其一<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script><script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>创建一个html文件<!DOCTYPE html原创 2021-11-21 13:46:16 · 201 阅读 · 0 评论 -
IDEA安装Vue.js后new没有 Vue Component
首先确定自己安装了vue.js这个插件,这个很重要!!!这个完成后如果还没有,就看一下小编的解决方案吧!!!首先进到这里 file-setting-Editor-File and Code Templates然后我们在new一下就会发现有了,这样就成功了...原创 2021-11-20 15:19:55 · 238 阅读 · 0 评论