- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端之攻略
Vue.js-列表渲染 原
指令根据一组数组的选项列表进行渲染，v-for指令需要以item in items形式的特殊语法，items是源数据数组并且item是数组元素迭代的别名 基本用法 <body class="">
</script> <script> var app = new Vue({ el: "#app script> </body> 在v-for块中，我们拥有对父作用域属性的完全访问权限，v-for还支持一个可选的第二个参数作为当前项的索引 <body class=""></script> <script> var app = new Vue({ el: "#app<script src="js/vue.js"></script> <script> var app = new Vue({ el: "#app3.5K20发布于 2019-04-04来自专栏前端之攻略Vue.js-条件渲染 原
但是如果我们想切换多个元素，此时我们可以把一个<template>元素当做包装元素，并在上面使用v-if,最终的渲染结果不会包含<template>元素 <body class="">
Hi' }) var app = new Vue({ el: "#app -7", data: { ok: true}, }) </script> </body> <body class="">Hi' }) var app = new Vue({ el: "#app<script src="js/vue.js"></script> <script> var app = new Vue({ el: "#app1.8K10发布于 2019-04-04var app7 = new Vue({ el: '#app-7', data: { } }) //修改页面来自专栏码海Vue.js学习笔记(一)
props: ['todo'], template: '
- {{ todo.text }}
' }) 现在我们就可以用v-bind指令将todo传到每一个重复的组件中了: <div id="<em>app</em> 'todo-item', { props: ['todo'], template: '<li>{{ todo.text }}</li>'})var app7 = new Vue({ el: '#<em>app</em> date-picker', { props: ['xxx'], template: 'xxx'}) 定义好了之后，我们就可以在创建和修改页面插入同样的date-picker组件了 //创建页面 <div id="app -7"> <date-picker></date-picker><date-picker></date-picker>var app7 = new Vue({ el: '#app-7', data: {1.3K30发布于 2019-12-22来自专栏前端之攻略Vue学习-简单介绍 原
-
<! todo-item', {
props: ['todo'],
template: '
- {{ todo.text }} ' }) var app7 = new Vue({ el: '#app
51120发布于 2019-04-04来自专栏前端之攻略Vue模板语法 原
需要使用v-html指令
这个div的内容将会被替换成为属性值rawHtml var app=new Vue({ el:"#app capitalize过滤器函数将会接收message的值作为第一个参数 {{message1 | capitalize }} var app7 = new Vue({ el: '#app88020发布于 2019-04-04来自专栏小古哥的博客园Vue入门
定义一个组件 props: ['todo'],//将数据从父作用域传到子组件 template: '
- {{ todo.text }}
' }) 以下有数据传递的组件 <ol id="<em>app</em> '],//子元素通过props接口实现与父元素的数据传递 template: '<li>{{ todo.text }}</li>' }) var app7 = new Vue({ el: '#<em>app</em>1.5K80发布于 2018-03-08来自专栏vue学习介绍-vuejs官网学习笔记
-
<todo-item
v-for="item in items"
v-bind:todo todo-item', {
props: ['todo'],
template: '
- {{ todo.text }} ' }); var app7 = new Vue({ el: '#app
6.4K30发布于 2018-09-04来自专栏前端之攻略Vue.js-自定义事件例子 原
model 选项可以用来避免这样的冲突： <body class="">
<base-checkbox v-model="lovingVue"></ v-on:change="$emit('change',$event.target.checked)"/> ` }) var app7 = new Vue({ el: '#app2.1K10发布于 2019-04-04来自专栏葡萄城控件技术团队使用VUE组件创建SpreadJS自定义单元格(一)
Vue.component('todo-item', { props: ['todo'], template: '
- {{ todo.text }}
' }) // 实例化一个Vue对象，挂载在#app -7元素下，定它的属性，数组groceryList var app7 = new Vue({ el: '#app-7', data: { groceryList: [ {2K20编辑于 2022-05-09来自专栏TestOps云层进阶的JavaScript-Vue
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="<em>app</em> template: '<li>{{ todo.text }}</li>' }) var app7 = new Vue({ el: '#<em>app</em>
43510编辑于 2022-04-07来自专栏达达前端Vue的使用你学会了吗？
props: ['todo'], template: '
- {{ todo.text }}
' })-
<! todo-item', {
props: ['todo'],
template: '
- {{ todo.text }} ' }) var app7 = new Vue({ el: '#app
1.7K50编辑于 2022-04-29来自专栏达达前端Web前端-Vue.js必备框架（三）
} }) 组件化：
-
<! todo-item', {
props: ['todo'],
template: '
- {{ todo.text }} ' }) var app7 = new Vue({ el: '#app
2K20发布于 2019-07-03来自专栏达达前端（31）Vue安装
props: ['todo'], template: '
- {{ todo.text }}
' })-
<! todo-item', {
props: ['todo'],
template: '
- {{ todo.text }} ' }) var app7 = new Vue({ el: '#app
2.2K20发布于 2019-07-10来自专栏耕耘实录The Twelve-Factor App
本文转载自：https://12factor.net 拓展阅读：http://www.361way.com/12factor/5608.html
78430发布于 2019-07-03来自专栏子舒的个人博客vue学习笔记(1)－－什么是vue?
v-bind指令将待办项传到循环输出的每个组件中 现在我们为每个 todo-item 提供 todo 对象todo 对象是变量，即其内容可以是动态的，我们也需要为每个组件提供一个key <div id="<em>app</em> todo-item', { props: ['todo'], template: '<li>{{ todo.text }}</li>' }) var app7 = new Vue({ el: '#<em>app</em>
74830编辑于 2022-06-09来自专栏互联网运维杂谈持续交付之应用标准化模型与实践
这些规则非常重要，有些规则和Heroku的12factor是相对应的，比如说代码和配置、实体与数据隔离等规则等等。为什么要建立这样的规则？只有有效的隔离，方能做到环境的快速部署和切换。
1.1K00发布于 2019-11-19来自专栏爱写Bug第 436 期 Python 周刊
旨在使用 python3 简化 12Factor 应用程序。
1.4K10发布于 2020-02-26来自专栏火丁笔记浅谈配置文件
关于此类问题，12factor 给出的解决方案是在环境变量中保存配置，如此一来，代码层面上就不用再关注不同环境下配置的差异了，版本库里也不用保存敏感信息了（都保存到环境变量里面了）。
1.2K10编辑于 2021-12-14来自专栏互联网运维杂谈DevOps，关于一致性(C)、可用性(A)和距离(D)的表达！
让我们看看12factor里面有一条核心准则：Dev/Prod Parity，Keep development, staging, and production as similar as possible
96110发布于 2019-11-19来自专栏互联网运维杂谈新一代CMDB模型构建探讨
服务资源是应用运行依赖的资源，一般有称之为附加资源（来自于12factor），比如说应用的服务接口、应用依赖的PaaS资源、应用依赖的应用资源等等。
1.5K11发布于 2019-11-18腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059
粤公网安备44030502008569号腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号