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