2022年10月2日
19_单文件组件
摘要： index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>练习一下单文件组件的语法</title> </head> <body> <!-- 准备一个容器 --> <div id="root"></div> <!- 阅读全文
posted @ 2022-10-02 22:20 小小仓鼠 阅读(8) 评论(0) 推荐(0) 编辑
18_非单文件组件
摘要： 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) 编辑
17_生命周期
摘要： 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 小小仓鼠 阅读(38) 评论(0) 推荐(0) 编辑
16_自定义指令
摘要： 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 小小仓鼠 阅读(26) 评论(0) 推荐(0) 编辑
15_内置指令
摘要： 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) 编辑
14_过滤器
摘要： 过滤器 <!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) 编辑
13_收集表单数据
摘要： 收集表单数据 <!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) 编辑
12_列表渲染
摘要： 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) 编辑
11_条件渲染
摘要： 条件渲染 <!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) 编辑
10_绑定样式
摘要： 绑定样式 <!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 小小仓鼠 阅读(10) 评论(0) 推荐(0) 编辑
09_监视属性
摘要： 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) 编辑
08_计算属性
摘要： 1.姓名案例_插值语法实现 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>姓名案例_插值语法实现</title> <!-- 引入Vue --> <script type="text/javascript" src="../ 阅读全文
posted @ 2022-10-02 21:57 小小仓鼠 阅读(18) 评论(0) 推荐(0) 编辑
07_事件处理
摘要： 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 小小仓鼠 阅读(28) 评论(0) 推荐(0) 编辑
06_数据代理
摘要： 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) 编辑
05_MVVM模型
摘要： <!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) 编辑
04_el与data的两种写法
摘要： <!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 小小仓鼠 阅读(21) 评论(0) 推荐(0) 编辑
03_数据绑定
摘要： <!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 小小仓鼠 阅读(14) 评论(0) 推荐(0) 编辑
02_Vue模板语法
摘要： <!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) 编辑
01_初识Vue
摘要： <!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 小小仓鼠 阅读(21) 评论(0) 推荐(0) 编辑
单文件组件
摘要： 组件的基本机构，vscode通过"<v"快速生成： 阅读全文
posted @ 2022-10-02 09:59 小小仓鼠 阅读(16) 评论(0) 推荐(0) 编辑