快捷键
- alt + TAB 切换页面
- CTRL+C复制
- CTRL+V粘贴
- CTAL+F5打开页面
- alt +A 微信截图
- CTAL+S保存文件
- -加空格是小点点
- #加空格大标题
- CTAL+z撤销操作
- ##加空格二标题 在一标题下面
- CTAL+A全选
- ctal+X剪切
vue页面
第一步：准备容器
<div id="app"> {{ msg}} </div>
![]()
第二步：引包(开发版)
script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script>
![]()
![]()
第三步：创建vue实例
script> const app = new Vue() </script>
![]()
第四步：指定配置项→渲染数据
- el 先写el和data再分开
- data
- 注意点el data后面都是跟的英文冒号
- el冒号后面是英文的单引号''内容里要加井号
- el data之间要用，隔开
- new vue的（）里面要先用{}包裹el和data shift加p旁边那个键
- data的冒号后面跟的英文大括号{}括号里面的内容是msg:冒号''yingwen单引号
- msg可以变成任意的英文字母，只要上面使用这个
- el是配置选择器，指定配置项
- 两个内容要用，隔开
- 两个渲染分开，都是两个{{}}括号
<!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>Document</title> </head> <body> <!-- 创建 --> <div id="app"> {{ ccccc}} {{ ddd}} </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script> <script> const app = new Vue({ el:'#app', data:{ ccccc:'dqh', ddd:'3333' } }) </script> </body> </html>
![]()
![]()
渲染逻辑
- 两个括号{{}}第二层 再加data内容，只要msg
打出页面
总结
![]()
