摘要: {{}} 数据绑定最常见的形式就是使用Mustache {{}}(双大括号)语法的文本插值 {{}} 还接受单个表达式,如加减运算、三元运算等。 一般配合js中的data()设置数据 <span>Message: {{msg}} </span> export default { name:"tom" 阅读全文
posted @ 2023-07-05 20:24 huiyii 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 组件基础 单文件组件 在其他框架都鼓励把模板、逻辑和样式的代码区分成不同文件的时候,Vue 却反其道行之。使用单文件组件,Vue 把模板、相关脚本和 CSS 一起整合放在 .vue 结尾的一个单文件中。这些文件最终会通过 JS 打包工具(例如 Webpack)处理,这意味着你可以使用构建时工具。你可 阅读全文
posted @ 2023-07-05 20:08 huiyii 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 安装 Vue npm install -g @vue/clivue --version 创建vue项目 vue create vue-demo 运行项目 cd vue-demonpm run serve 安装vue高亮插件:vscode安装 volar 项目结构 Vue的默认包管理器为 yarn。。 阅读全文
posted @ 2023-07-05 19:50 huiyii 阅读(19) 评论(0) 推荐(0) 编辑
摘要: Node环境 安装nvm、npm、nrm nvm:管理多个版本的node环境,使用nvm安装nodejs npm:npm是node的包管理工具,使用nvm安装node后,就可以使用npm命令 nrm:管理npm的镜像源,使用npm命令安装 Babel转码器 可以将es6代码转成es5代码。从而可以在 阅读全文
posted @ 2023-07-05 19:37 huiyii 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 常见的 HTML 事件 常见HTML事件 事件描述 onchange HTML 元素已被改变 onclick 用户点击了 HTML 元素 onmouseover 用户把鼠标移动到 HTML 元素上 onmouseout 用户把鼠标移开 HTML 元素 onkeydown 用户按下键盘按键 onloa 阅读全文
posted @ 2023-07-05 19:27 huiyii 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 浏览器对象 window window对象不但充当全局作用域,而且表示浏览器窗口。 window对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度。outerWidth和outerHeight属性,可以获取浏览器窗口的整个宽高。 navigator:navig 阅读全文
posted @ 2023-07-05 19:17 huiyii 阅读(39) 评论(0) 推荐(0) 编辑