![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
snacy
这个作者很懒,什么都没留下…
展开
-
Vue学习笔记05(指定时间格式过滤器)
指定时间格式过滤器 1、在Vue实例外创建一个过滤器,代码为:Vue.filter('过滤器名称',执行的函数) //定义一个过滤时间格式的过滤器 Vue.filter('setdate',function(datestr){ //这里的datestr为管道符的左边的传入的参数 //根据给定的时间字符串,得到指定的格式 var dt = new Date(datestr); var y = dt.getFullYear() //年 var m = dt.getMonth原创 2020-10-26 10:52:57 · 149 阅读 · 2 评论 -
Vue学习笔记04(关键字搜索)
添加关键字搜索功能 1、在商品信息输入框后面再加一个关键字搜索框 搜索关键字: <input type="text" class="form-control" v-model="keyword" /> 2、在data里定义一个keyword变量,然后用v-model绑定到搜索框里 keyword:'', //搜索的关键字 3、定义一个search()方法,把keyword作为参数传进入 先在search()方法里定义一个空数组 用foreach()方法遍历list数组,用之前遍历list原创 2020-10-25 12:59:20 · 697 阅读 · 0 评论 -
Vue学习笔记03(商品列表添加与删除)
ps:本案例有用到boostrap.css 1、首先搭建好网页页面 1.1、一个标题 <div class="panel-heading"> <h3 class="panel-title">商品列表</h3> </div> 1.2、再两个输入框输入商品信息 <div class="panel-body form-inline"> id: <input type="text" class="form-control"原创 2020-10-20 14:11:45 · 838 阅读 · 1 评论 -
Vue学习笔记02(走马灯小案例)
1、this 一个vue实例中,如果要调用当前实例中的data里面的数据或者变量,要用this进行指向,this即代表当前实例 2、走马灯小案例 2.1 定义两个按钮以及一个p标签显示文字 <div id="app"> <input type="button" value="浪起来" @click="lang" /> <input type="button" value="低调" @click="stop" /> <p style="border:原创 2020-10-19 00:02:07 · 235 阅读 · 0 评论 -
Vue学习笔记01(入门)
1、v-bind v-bind:是把变量绑定到某个属性上,比如input标签的title或者img标签的title v-bind:title=“data里的变量名” :是v-bind的简写,即:title=“data里的变量名” 2、v-on v-on绑定methods里的一个方法 比如: v-on:click="方法名" @:是v-on:的简写, 即@:click="方法名" ...原创 2020-10-18 00:45:04 · 65 阅读 · 0 评论 -
关于Vue的组件与模板的初步理解
首先在script标签外面定义一个模板 <template id="zj2"> <div> <button type="button" @click="ja">+</button> <h3>{{count}}</h3> </div> </template> 然后在script标签里创建一个组件 <script type="text/javascript"> var obj原创 2020-10-16 23:58:19 · 461 阅读 · 0 评论