随笔分类 -  尚硅谷-vue_basic

1
摘要:https://blog.csdn.net/I_r_o_n_M_a_n/article/details/120250564 阅读全文
posted @ 2023-09-18 08:55 小小仓鼠 阅读(11) 评论(0) 推荐(0) 编辑
摘要:index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>练习一下单文件组件的语法</title> </head> <body> <!-- 准备一个容器 --> <div id="root"></div> <!- 阅读全文
posted @ 2022-10-02 22:20 小小仓鼠 阅读(9) 评论(0) 推荐(0) 编辑
摘要:1.基本使用 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>基本使用</title> <script type="text/javascript" src="../js/vue.js"></script> </head> 阅读全文
posted @ 2022-10-02 22:17 小小仓鼠 阅读(25) 评论(0) 推荐(0) 编辑
摘要:1.引出生命周期 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>引出生命周期</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js" 阅读全文
posted @ 2022-10-02 22:15 小小仓鼠 阅读(39) 评论(0) 推荐(0) 编辑
摘要:1.自定义指令 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>自定义指令</title> <script type="text/javascript" src="../js/vue.js"></script> </head 阅读全文
posted @ 2022-10-02 22:13 小小仓鼠 阅读(27) 评论(0) 推荐(0) 编辑
摘要:1.v-text_指令 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>v-text指令</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vu 阅读全文
posted @ 2022-10-02 22:12 小小仓鼠 阅读(19) 评论(0) 推荐(0) 编辑
摘要:过滤器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>过滤器</title> <script type="text/javascript" src="../js/vue.js"></script> <script type 阅读全文
posted @ 2022-10-02 22:09 小小仓鼠 阅读(20) 评论(0) 推荐(0) 编辑
摘要:收集表单数据 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>收集表单数据</title> <script type="text/javascript" src="../js/vue.js"></script> </head 阅读全文
posted @ 2022-10-02 22:08 小小仓鼠 阅读(23) 评论(0) 推荐(0) 编辑
摘要:1.基本列表 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>基本列表</title> <script type="text/javascript" src="../js/vue.js"></script> </head> 阅读全文
posted @ 2022-10-02 22:08 小小仓鼠 阅读(24) 评论(0) 推荐(0) 编辑
摘要:条件渲染 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>条件渲染</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <b 阅读全文
posted @ 2022-10-02 22:01 小小仓鼠 阅读(18) 评论(0) 推荐(0) 编辑
摘要:绑定样式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>绑定样式</title> <style> .basic{ width: 400px; height: 100px; border: 1px solid black; 阅读全文
posted @ 2022-10-02 22:00 小小仓鼠 阅读(11) 评论(0) 推荐(0) 编辑
摘要:1.天气案例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>天气案例</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></s 阅读全文
posted @ 2022-10-02 21:59 小小仓鼠 阅读(17) 评论(0) 推荐(0) 编辑
摘要:1.姓名案例_插值语法实现 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>姓名案例_插值语法实现</title> <!-- 引入Vue --> <script type="text/javascript" src="../ 阅读全文
posted @ 2022-10-02 21:57 小小仓鼠 阅读(19) 评论(0) 推荐(0) 编辑
摘要:1.事件的基本使用 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>事件的基本使用</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.j 阅读全文
posted @ 2022-10-02 21:54 小小仓鼠 阅读(29) 评论(0) 推荐(0) 编辑
摘要:1.回顾Object.defineProperty方法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>回顾Object.defineproperty方法</title> </head> <body> <script typ 阅读全文
posted @ 2022-10-02 21:53 小小仓鼠 阅读(17) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>理解MVVM</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script 阅读全文
posted @ 2022-10-02 21:50 小小仓鼠 阅读(23) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>el与data的两种写法</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></ 阅读全文
posted @ 2022-10-02 21:48 小小仓鼠 阅读(22) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>数据绑定</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> 阅读全文
posted @ 2022-10-02 21:48 小小仓鼠 阅读(15) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>模板语法</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> 阅读全文
posted @ 2022-10-02 21:45 小小仓鼠 阅读(18) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>初识Vue</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> 阅读全文
posted @ 2022-10-02 21:42 小小仓鼠 阅读(22) 评论(0) 推荐(0) 编辑

1
点击右上角即可分享
微信分享提示