Vue - 随笔分类 - 一拳超人的逆袭

5.前端-Vue的高级功能

摘要：侦听器watch-methods包括了它的功能效果图，在更改数量的时候总价随之变化，在超出库存的时候提示超出库存正常使用函数进行调用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv=" 阅读全文

posted @ 2021-07-30 21:59 一拳超人的逆袭阅读(114) 评论(0) 推荐(0)

4.前端-Vue的基本介绍

摘要：官网链接 {{}}只能放在文本上去显示在其他地方使用得用v-bind可以直接简写成：（双大括号在网络垃圾的时候会暂显 v-text就不会） el：挂载的模板 data：绑定的数据当数据的值开始变化视图也跟着变化我们称之为相应式的 methods：里面可以定义方法双向绑定：视图改变数据也应该相应阅读全文

posted @ 2021-07-30 20:46 一拳超人的逆袭阅读(99) 评论(0) 推荐(0)

3.前端-Vue的安装

摘要：初始化npm 会生成一个json文件相当于pom 安装vue Helloword程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=" 阅读全文

posted @ 2021-07-30 19:14 一拳超人的逆袭阅读(42) 评论(0) 推荐(0)

6.第一个vue-cli项目

摘要：下载地址一般使用webpack 创建一个myvue的项目参数填写安装项目修复项目然后使用idea打开此项目提升idea的管理员属性后续内容写在商城项目里了阅读全文

posted @ 2021-06-30 12:02 一拳超人的逆袭阅读(21) 评论(0) 推荐(0)

5.逆天插槽

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>  <div id="vue"> <todo> <todo-titl 阅读全文

posted @ 2021-06-29 23:00 一拳超人的逆袭阅读(30) 评论(0) 推荐(0)

4.计算属性

摘要：可以把计算属性理解为缓存 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>  <div id="vue"> <p>{{curre 阅读全文

posted @ 2021-06-29 22:07 一拳超人的逆袭阅读(30) 评论(0) 推荐(0)

3.axios异步通信

摘要：1.模拟后台的json数据 { "name": "小吴", "url": "https://www.baidu.com", "page": 1, "address": { "street": "fubuhe", "city": "长沙" }, "links": [ { "name": "百度", " 阅读全文

posted @ 2021-06-29 21:47 一拳超人的逆袭阅读(39) 评论(0) 推荐(0)

2.Vue的基本语法

摘要：1.判断if html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>  <div id="app"> <h1 v-if=" 阅读全文

posted @ 2021-06-29 20:56 一拳超人的逆袭阅读(38) 评论(0) 推荐(0)

1.初始vue

摘要：1.下载vue插件 html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>  <div id="app"> {{mess 阅读全文

posted @ 2021-06-29 17:51 一拳超人的逆袭阅读(26) 评论(0) 推荐(0)

一拳超人的逆袭

随笔分类 - Vue