vue
qqq777_
这个作者很懒,什么都没留下…
展开
-
创建vue项目v2.0(借鉴别人的)
https://www.cnblogs.com/hellman/p/10985377.html原创 2021-05-24 11:44:27 · 172 阅读 · 0 评论 -
创建vue项目(自用)
电脑已经有了node.js1.先全局安装cpnm 因为稳定npm install -g cnpm --registry=https://registry.npm.taobao.org2.安装3.x以上版本,因为要用可视化创建项目,低于3.x不行(之前误装了2.9版本,先使用npm命令卸载)cnpm install -g @vue/cli3.可以查看一下版本vue -V4.创建可视化界面vue ui...原创 2021-05-21 22:03:46 · 135 阅读 · 0 评论 -
Vue笔记20_作用域插槽
<!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, initial-scale=1.0"> <title>Doc原创 2021-04-16 15:42:32 · 69 阅读 · 0 评论 -
Vue笔记19_编译作用域
isshow以实例为准,cpn属于vue实例的作用域里面<!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, initial-scale=原创 2021-04-16 11:08:21 · 60 阅读 · 0 评论 -
Vue笔记18_插槽slot
基本使用:<!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, initial-scale=1.0"> <title&原创 2021-04-11 11:47:09 · 142 阅读 · 0 评论 -
Vue笔记17_高阶函数使用
原创 2021-04-07 10:40:10 · 81 阅读 · 0 评论 -
Vue笔记14_过滤器
<!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, initial-scale=1.0"> <title>Doc原创 2021-04-07 09:47:02 · 72 阅读 · 0 评论 -
Vue笔记16_webpack简单打包
嘻嘻嘻原创 2021-04-06 15:20:38 · 98 阅读 · 0 评论 -
Vue笔记15_组件
。。原创 2021-04-06 15:19:57 · 83 阅读 · 1 评论 -
Vue笔记13_computed计算属性
简单使用:<!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, initial-scale=1.0"> <title&原创 2021-03-26 18:04:16 · 62 阅读 · 0 评论 -
Vue笔记13_this使用问题
return那里没有用this,代码有问题<!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, initial-scale=1.0">原创 2021-03-26 15:05:47 · 92 阅读 · 0 评论 -
Vue笔记12_综合案例记事本和购物车
<!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, initial-scale=1.0"> <title>D..原创 2021-03-22 16:40:22 · 75 阅读 · 0 评论 -
Vue笔记11_v-model指令
原创 2021-03-22 16:35:11 · 81 阅读 · 0 评论 -
Vue笔记10_v-for指令
输入以下代码:<!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, initial-scale=1.0"> <ti..原创 2021-03-21 21:03:13 · 117 阅读 · 4 评论 -
Vue笔记9_图片前后切换
原创 2021-03-18 15:59:01 · 112 阅读 · 0 评论 -
Vue笔记8_v-bind
<!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, initial-scale=1.0"> <title>Do.原创 2021-03-18 15:36:08 · 67 阅读 · 0 评论 -
Vue笔记7_v-if
if操纵dom元素,show修改元素样式。<!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, initial-scale=1.0"&g.原创 2021-03-18 15:02:06 · 75 阅读 · 0 评论 -
Vue笔记6_v-show
<!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, initial-scale=1.0"> <title>Do.原创 2021-03-18 14:37:19 · 77 阅读 · 0 评论 -
Vue笔记5_计数器小案例
<!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, initial-scale=1.0"> <title>Do.原创 2021-03-18 11:54:25 · 74 阅读 · 0 评论 -
Vue笔记4_v-on及其补充
补充:函数传参,keyup使用<!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, initial-scale=1.0">..原创 2021-03-18 10:13:34 · 64 阅读 · 0 评论 -
Vue笔记3_v-html
<!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, initial-scale=1.0"> <title>Doc原创 2021-03-17 20:39:15 · 231 阅读 · 0 评论 -
Vue笔记2_v-text
设置标签的文本值<!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, initial-scale=1.0"> <ti原创 2021-03-17 20:32:16 · 56 阅读 · 0 评论 -
Vue笔记1_start(简介、helloworld、挂载、数据对象)
1.JavaScript框架2.简化Dom操作3.响应式数据驱动el:挂载点(建议使用id选择器)Vue实例的作用范围:el选项命中的元素及其内部的后代元素。Vue中用到的数据定义在data中。data中可以写复杂类型的数据。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" con原创 2021-03-17 20:04:21 · 217 阅读 · 0 评论