vue
关注
分享
扫一扫
胖子liu
燃烧的前端
展开
-
在单独的html里使用vue3
在单独的html里使用vue3废话不多说，直接上完整代码页面内还有几个简单的测试数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width原创 2021-04-06 15:23:16 · 6879 阅读 · 0 评论 -
用vue脚手架cli安装vue项目
1、首先查看你的cli版本：cmd里面输入：方法1：vue -V按回车，注意后面的V是大写或者，方法2：vue --version2、如果没有安装cli，则先安装npm install -g @vue/cli3、安装项目如果cli是3.x的，使用命令vue create 项目名如果cli是2.x的，使用命令vue init webpack 项目名...原创 2019-11-03 09:27:28 · 255 阅读 · 0 评论 -
vue 动态路由
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-27 16:48:20 · 143 阅读 · 0 评论 -
vue 之select
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-27 16:44:03 · 176 阅读 · 0 评论 -
vue 之radio
radio 互斥，是通过 v-model 的变量名一致产生的如果没有设置value, 则不会变为boolean如果要设置默认选中，则v-model 变量的值和选中的值保持一致<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name...原创 2019-09-27 16:29:13 · 3026 阅读 · 0 评论 -
vue input笔录
v-model.lazy：输入时不会更改，光标离开时才更改v-model.trim：去掉前后空格v-model.number：输入的要为数字 <!-- 输入时不会更改，光标离开时才更改 --> <input v-model.lazy='username' />{{username}}</div><div> <...原创 2019-09-27 16:26:05 · 189 阅读 · 0 评论 -
vue 表单操作之checkbox
input type=‘checkbox’如果input 没有设定 value，则是boolean值如果是多选即同name, 我们需要v-model设置相同的变量名，并且是使用数组如果想默认选中，则把v-model的值设置选中的值即可<!DOCTYPE html><html lang="en"><head> <meta charse...原创 2019-09-27 16:22:21 · 580 阅读 · 0 评论 -
vue计算computed与监听watch
computed计算，针对多个数据，影响一个数据，如以下的，price或者num变化时，从而计算总价total computed: { //total根据price、num的变化而变化 total: function () { return this.price * this.num; } }watch 一个数据...原创 2019-09-27 15:50:04 · 217 阅读 · 0 评论 -
vue键盘事件、键盘码
在vue中可以用v-on来监听键盘事件参考文档:按键修饰符1、用按键修饰符@keyup.按键修饰符=“事件方法”<input type="text" placeholder="up" @keyup.up="upAction"><input type="text" placeholder="down" @keyup.down="downAction"><in...原创 2019-09-26 20:14:05 · 1045 阅读 · 0 评论 -
vue学习笔记--常用命令（一）
{{ }}两对花括号用来显示渲染DOM：{{变量或方法(js代码)}}<div>{{username}}</div>//直接显示变量<div>{{index+1}}</div>//可以进行运算<div>{{testAction()}}</div>//可以调用方法v-text文本显示，有点类型{{}}显示，用这种可...原创 2019-09-26 17:11:56 · 188 阅读 · 0 评论 -
查看vue版本
cmd里面输入：方法1：vue -V按回车，注意后面的V是大写或者，方法2：vue --version原创 2019-09-24 16:23:14 · 3096 阅读 · 3 评论