随笔分类 -  前端学习笔记

摘要:1. v-model 实现表单数据的双向绑定 v-model 指令在表单 <input>、<textarea> 及 <select> 等元素上创建双向数据绑定。 v-model 会忽略所有表单元素的 value、checked、selected 属性的初始值,使用的是 data 选项中声明初始值。 阅读全文
posted @ 2021-07-27 15:55 雨后观山色 阅读(875) 评论(0) 推荐(0) 编辑
摘要:子组件的代码: <template> <div> <h1>this is child component</h1> <button @click="toParent">向父组件传值</button> </div> </template> <script> export default { data( 阅读全文
posted @ 2021-07-27 11:21 雨后观山色 阅读(3194) 评论(1) 推荐(0) 编辑
摘要:组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用。 通常一个应用会以一棵嵌套的组件树的形式来组织: 例如,你可能会有页头、侧边栏、内容区等组件,每个组件又包含了其它的像导航链接、博文 阅读全文
posted @ 2021-07-23 19:21 雨后观山色 阅读(566) 评论(0) 推荐(0) 编辑
摘要:1 文本插值与v-html 指令 {{...}} 标签的内容将会被替代为对应组件实例中 rawHtml 属性的值,如果 rawHtml 属性的值发生了改变,{{...}} 标签内容也会更新。 使用 v-html 指令用于输出 html 代码。 案例: <template> <p>使用双大括号的文本插 阅读全文
posted @ 2021-07-22 19:58 雨后观山色 阅读(1472) 评论(0) 推荐(0) 编辑
摘要:首先,测试npm是否安装完成。 注意:nodejs安装教程见 https://www.cnblogs.com/luckyplj/p/11471067.html Vite 是一个 web 开发构建工具,由于其原生 ES 模块导入方式,可以实现闪电般的冷服务器启动。 通过在终端中运行以下命令,可以使用 阅读全文
posted @ 2021-07-22 16:14 雨后观山色 阅读(336) 评论(0) 推荐(0) 编辑

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