Vue
诺青235
这个作者很懒,什么都没留下…
展开
-
搭建Vue.js环境
1,安装node.js:官网下载:命令行分别输入node -vnpm -v可以查看版本,说明安装成功:安装npm:1,执行命令npm install -g cnpm --registry=https://registry.npm.taobao.org使用npm的国内镜像cnpm 命令代替默认的npm命令安装失败依次输入以下三行命令npm set registry https://registry.npm.taobao.orgnpm set disturl https原创 2022-03-08 22:50:54 · 953 阅读 · 0 评论 -
Vue表单绑定
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> &l原创 2021-07-17 21:13:57 · 71 阅读 · 0 评论 -
Vue事件绑定
@click绑定事件<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app原创 2021-07-15 01:48:47 · 204 阅读 · 0 评论 -
Vue计算属性
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> &l原创 2021-07-13 01:16:47 · 76 阅读 · 0 评论 -
Vue菜单栏
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; box-sizing: border-box; } .page{ width: 100vw; height: 100vh; ba原创 2021-07-10 17:15:46 · 189 阅读 · 0 评论 -
Vue内联样式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> <原创 2021-07-10 17:08:39 · 167 阅读 · 0 评论 -
Vue class
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> .page{ width:200px; height: 200px; background-color: skyblue; display: none; } .active{ display: block; }原创 2021-07-07 16:26:08 · 53 阅读 · 0 评论 -
Vue侦听器
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> &l原创 2021-07-05 22:08:03 · 46 阅读 · 0 评论 -
Vue模版语法
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> #login{ background-color: skyblue; } #register{ background-color: pink; } </style> <script src="js/vu原创 2021-07-05 12:14:36 · 78 阅读 · 0 评论 -
Vue列表渲染
先循环再判断<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app">原创 2021-07-02 17:58:36 · 94 阅读 · 0 评论 -
tab切换
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> &l原创 2021-06-27 15:44:31 · 64 阅读 · 0 评论 -
Vue条件渲染
v-if:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app">原创 2021-06-26 16:46:56 · 56 阅读 · 2 评论 -
v-for
v-for指令作用: 根据数据生成列表结构语法: (item, index) in 数据<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js" type="text/javascript" charset="utf-8"></script> </head>原创 2021-06-24 16:33:42 · 53 阅读 · 0 评论 -
Vue图片切换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="mask"> <原创 2021-06-23 16:34:46 · 89 阅读 · 0 评论