![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
vue相关
大霞上仙
这个作者很懒,什么都没留下…
展开
-
vue 如何引入boostrap
原创 2024-08-31 20:38:14 · 80 阅读 · 0 评论 -
jquery下载的例子如何应用到vue中
我们从index.html中把我所需要的东西拿到public下的index.html和src/views/Home.vue中(一般的资源引入可以放到index.html中具体dom/bom放到Home.vue中)打开文件夹内的index.html,我们先确定下它是不是我们要的东西,可以点击内部右上角的浏览器谷歌按钮来预览。下载的文件夹解压到v_love项目的pubilc下的static文件夹内,这里放的都是我们的静态资源。原创 2024-08-31 20:26:47 · 193 阅读 · 0 评论 -
vue前端+Django后端打通的例子
参考(简易)测试数据构造平台: 3 (vue打通django)原创 2024-03-21 16:37:55 · 188 阅读 · 0 评论 -
vue 引入链接+ django 快速入门例子
【代码】vue 引入链接+ django 快速入门例子。原创 2024-08-31 10:59:54 · 385 阅读 · 0 评论 -
vue的超简单入门例子
直接在html文件的开头引入vue链接。原创 2024-04-15 19:23:45 · 201 阅读 · 0 评论 -
一个vue前端的例子(四)
那么接下来,我们只需要在首页 ToolList.vue中引入调用这个Menu.vue组件 ,即可。这个问题就是把菜单提取公因式,成为component组件,来让其他各个页面只需要简单的调用一下。菜单不应该是常显的么?如果点击进了别的页面,那么这个菜单怎么才能再次显示出来呢?本节来细化下aside,将ToolList.vue 中的aside换成。保存,看看浏览器,是不是又可以重新看到菜单了。原创 2024-03-21 16:17:49 · 204 阅读 · 0 评论 -
vue用法示例(六)组件
注册写在构造器外,就是全局可用。原创 2024-04-29 17:00:11 · 225 阅读 · 1 评论 -
一个vue前端的例子(三)
内部可以放很多小容器,比如左侧边栏<el-aside> 做菜单比较好。正常来说要去后端请求获取数据,目前我们是写死的返回数据,接口请求部分我们后面再写。接下来我们实现对页面的优化,即引入ElementUI npm i element-ui -S。然后在v_project/src/main.js 引入elementUI,这个做法相当于全局生效,所有的vue组件都可以直接用elementUI 的元素了。elementUI中,提供了很多默认的布局,比如:布局容器<el-container>原创 2024-03-21 16:00:08 · 265 阅读 · 0 评论 -
vue用法示例(一)
div v-bind:class="{'class1': use}"> v-bind: 可以简写为:即 <div :class="{'class1': use}">1、v-html html 插入,可以插入文本,也可以插入元素,如。Input 的id和label的for标签实现了点击范围的扩大。3、v-model双向绑定 比如input是即输入又输出。2、v-bind 是属性绑定。原创 2024-04-22 18:09:16 · 359 阅读 · 0 评论 -
vue用法示例(二)
v-show指令和v-if指令的作用一样,都是跟后面的表达式真假来决定元素标签是否展示的。v-if适合不频繁变化的场景 v-show适合频繁切换真假的场景。为什么明明已经有v-if了,还要创造个v-show出来呢?答案很简单:他俩的真正实现技术 和 性能效果是有差异的。4、v-for 循环 循环列表 循环字典。1、v-if决定标签是否显示。原创 2024-04-22 18:12:52 · 353 阅读 · 1 评论 -
vue用法示例(三)
反转字符串原创 2024-04-26 17:45:58 · 305 阅读 · 0 评论 -
vue用法示例(七)axios
【代码】vue用法示例(七)axios。原创 2024-04-29 17:27:35 · 109 阅读 · 2 评论 -
一个vue前端的例子(一)
vue初建项目原创 2024-03-20 18:22:18 · 200 阅读 · 0 评论 -
vue用法示例(四)
(3)按键及按键修饰符 v-on:keyup.enter,当文本框输入input时触发执行。(2)样式绑定 -class。(1)绑定样式-style。原创 2024-04-29 14:57:11 · 177 阅读 · 1 评论 -
一个vue前端的例子(二)
这是因为在vue-cli前端中,所有的html模板都要以.vue结尾,因为这样的后缀就意味着里面是按照vue的语法来写。浏览器只能解析.html后缀的页面,.vue-cli会把.vue后缀的文件,自动翻译成index.html中的一部分代码,最终django就是来给浏览器返回这个index.html而已。index.html在哪呢,在v_project/public/index.html。v_project / src /App.vue带的,他是所有页面的母体,我们不想要可以注释掉。我们先写个小dome。原创 2024-03-21 14:42:35 · 347 阅读 · 0 评论 -
vue组件中的数据传递(1)--父组件传子组件
原创 2024-05-23 20:05:05 · 220 阅读 · 0 评论 -
vue用法示例(五)v-model
(4)v-model select的使用。(3) v-model 单选框的使用。(1)v-model 文本框的使用。(2)v-model 多选框的使用。原创 2024-04-29 15:49:38 · 371 阅读 · 2 评论 -
vue data中的return
vue 的data return 是干啥的呢,vue中页面中绑定的变量都要放在data的return中,可以赋值,值可在script中改,修改引用就用this了。组件是一个可复用的vue实例,如果data是一个普通的对象,那么所有复用这个实例的组件都将引用同一份数据,会造成数据污染。如果将data封装成一个函数,实例化组件时只是调用了这个函数生成的副本,避免了数据污染。如果不使用return包裹的数据会在项目的全局中可见,会造成变量污染;原创 2024-05-22 19:02:02 · 710 阅读 · 0 评论 -
一个vue前端的例子(五)
我们之前后端的返回都是写死的,我们实现后端请求采用aixos。执行完成打开 package.json 是不是出现了这个插件。mounted:是进入页面就执行的。methods:写的是触发执行的。下面举一个axios使用的例子。return中是声明变量。原创 2024-03-21 16:26:32 · 165 阅读 · 0 评论