vue.js 从入门到出不来
vue.js 从入门到出不来
曲浩_
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
8、vue.js v-show条件渲染,v-show判断
HTML 部分代码<div id="div_id"> <!--直接在标签中,进行判断--> <div v-show="is_show">显示</div> <!--在 <template> 上使用--> <template v-show="is_show"> <div>显示</div> </template ></div>JS 部分代码<scrip原创 2020-05-09 17:09:54 · 762 阅读 · 0 评论 -
7、vue.js radio的使用(此用法有些变态)
HTML 部分代码<div id="div_id"> <label for=""> <span>男</span> <input v-if="sex == 1" @click="xuanze_sex(1)" type="radio" checked="checked" name="sex"> <input v-if="sex == 0" @click="xuanze_sex(1)" type="radio" name="sex"原创 2020-05-09 16:57:39 · 410 阅读 · 1 评论 -
6、vue.js if判断 条件渲染
HTML 部分代码<div id="div_id"> <!--直接在标签中,进行判断--> <div v-if="id == 1">ID等于1</div> <div v-else-if="id == 2">ID等于2</div> <div v-else>ID不等于1 并且 ID不等于2</div> <!--在 <template> 上使用--> <template v原创 2020-05-09 16:49:55 · 734 阅读 · 0 评论 -
5、vue.js 选择框select
HTML 部分代码<div id="div_id"> <select v-model="id"> <option disabled value="0">选择ID</option> <template v-for="(v,k) in ids"> <option :value="v.id">{{v.id}}<...原创 2020-04-28 15:22:47 · 291 阅读 · 0 评论 -
4、vue.js input双向数据绑定 监听input
HTML 代码部分<div id="div_id"> <input v-model="name" placeholder="名称"></div>JS 代码部分//引入vue.js<script src="/js/vue.js"></script>//创建一个 Vue 实例<script>var vm= n...原创 2020-04-28 14:40:10 · 457 阅读 · 0 评论 -
3、vue.js v-on绑定事件 点击时间
HTML 部分代码<div id="div_id"> <!-- 点击方法 --> <button v-on:click="fangfa"></button> <!-- 内联语句 --> <button v-on:click="fangfa('111')"></button> <!-- 缩写...原创 2020-04-28 14:25:01 · 1196 阅读 · 0 评论 -
2、vue.js v-for循环
html代码部分<ul id="div_id"> <li v-for="(v, k) in lists" :key="vo.id"> <!--k:键值--> {{v.name}}--{{v.k}} </li></ul>JS 代码部分<script src="/js/vue.js"></scrip...原创 2020-04-28 13:58:58 · 275 阅读 · 0 评论 -
1、vue.js 创建一个实例,实例化
html部分代码<div id="div_id"></div>JS 部分代码//引入vue.js<script src="/js/vue.js">{{jisuan}}</script>//创建一个 Vue 实例<script>var vm= new Vue({ //区块标签的ID el: '#div_id', ...原创 2020-04-28 10:53:43 · 586 阅读 · 0 评论
分享