vue
gzxiaomei
这个作者很懒,什么都没留下…
展开
-
第四天Vue.js 组件学习用法
组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树 全局组件 所有实例都能用全局组件。 全局组件实例 注册一个简单的全局组件 runoob,并使用它: <div id="app"> <runoob></runoob> </div> <script> // 注册 Vu...原创 2020-10-17 17:55:25 · 165 阅读 · 0 评论 -
第三天vue循环语句用法
循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 指令 <div id="app"> <ol> <li v-for="site in sites"> {{ site.name }} </li> </ol> </div> <script> new Vue({ ...原创 2020-10-17 17:51:59 · 85 阅读 · 0 评论 -
第二天Vue.js 条件与循环 条件判断
v-if 条件判断使用 v-if 指令: v-if 指令 在元素 和 template 中使用 v-if 指令: <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> <p>学的不仅是技术,更是梦想!</p> <p>哈哈哈,打字辛苦啊!!!<...原创 2020-10-17 17:50:07 · 297 阅读 · 0 评论 -
第一天Vue.js 模板语法用法
文本 数据绑定最常见的形式就是使用 {{...}}(双大括号)的文本插值: 文本插值 <div id="app"> <p>{{ message }}</p> </div> Html 使用 v-html 指令用于输出 html 代码: v-html 指令 <div id="app"> <div v-html="message"></div> </div> <script> n...原创 2020-10-17 17:44:09 · 79 阅读 · 0 评论