vuejs笔记之自定义指令
vuejs笔记之自定义指令
vuejs自定义指令的局部写法<div id="app"><divv-mvc><p>{{name}}</p><p></p><span></span></div></div>var vm =new Vue({ el:'#app', data:{ name:'qwe' }, directives:{ mvc:{ bind:function(){//当我们绑定
浏览:1046 标签: vuejs 自定义指令 directives
vuejs笔记之父/子组件之间传值($emit/props)
vuejs笔记之父/子组件之间传值($emit/props)
子组件所使用到的数据,必须是一个函数,数据用return返回;<divid="app"><component01></component01></div>Vue.component('component01',{ template:'<h3 @click="doClick">{{name}}</h3>',//子组件所使用到的数据,必须是一个函数,数据用return返回; d
浏览:1528 标签: 组件 vuejs emit props
vuejs笔记之组件写法(全局写法/局部写法)
vuejs笔记之组件写法(全局写法/局部写法)
组件全局的写法:Vue.component()中有2个参数,参数1:组件的名字,参数2:组件的内容;template是定义组件的内容。<divid="app"><child01>11</child01><child02></child02></div>// 参数1:组件的名字,参数2:组件的内容Vue.component('child01',{ template:'<div
浏览:1042 标签: 组件 vuejs
vuejs笔记之表单元素(v-model.修饰符)
vuejs笔记之表单元素(v-model.修饰符)
单选按钮:选中就能获取其对应的value值;<div id="app"><inputtype="radio"value="one"v-model='a' /><inputtype="radio"value="two"v-model='a' /><p>{{ a }}</p></div>var app = new Vue({ el:'#app', data:{ a:''
浏览:1212 标签: v-model vuejs
vue笔记之methods中函数固定参数$event/事件方法
vue笔记之methods中函数固定参数$event/事件方法
参数$event打印结果如下图,切记传参少了$符号不然会报错的:<div id="app"><button @click='button($event)'>按钮</button> <!-- 有一个参数是固定的:$event --></div> <script>new Vue({ el:'#app', methods:{ button:function(eve
浏览:5763 标签: event
vue笔记之仿购物车案例
vue笔记之仿购物车案例
html代码<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Vue</title><scriptsrc="https://unpkg.com/vue"></script></head><body><divid="app"><divv-if='page=="login"'><h1>登陆</h1>
浏览:935 标签: vue 购物车
js常用的正则表达式
js常用的正则表达式
1、js正则匹配大于0小于等于100,其中最多可以保留两位小数var reg =/^\d+(?:\.\d{1,2})?$/; //包括0var reg =/^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,2})?$/;//不包括02、手机号码正则表达式验证if(!(/^1(3|4|5|7|8)\d{9}$/.test(phone))){
浏览:1235 标签: 正则 正则表达式 js
vue笔记之filters过滤器/computed/v-for
vue笔记之filters过滤器/computed/v-for
filters:过滤器,对数据进行处理,然后显示出来。当学过滤器的时候,数据是传递到过滤器函数里,最终显示什么内容,是由过滤器决定的,用return返回出去。<divid="app"><!-- 在数据content旁边添加'|',再跟上过滤数据的fn函数,fn内部return返回值就是要显示的数据。 --><p>{{ content | fn(name,age) }}</p><
浏览:1640 标签: filters computed v-for
vue笔记之v-if/v-show/绑定事件
vue笔记之v-if/v-show/绑定事件
v-if=""    v-else:<div id="app"><!-- v-if为true时,显示内容,另一个div隐藏;当v-if为false时,显示v-else的内容 --><divv-if="show">menvscode.com</div><divv-else>MVC前端网</div><inputtype="checkbox"v-model="show"></div>
浏览:5839 标签: v-if v-show v-else
vue笔记之v-bind/v-model双向数据绑定
vue笔记之v-bind/v-model双向数据绑定
v-bind:绑定属性,可以绑定标签自身的属性,也可以是自定义属性;格式是v-bind:属性='变量',也可以简写成 :属性='变量'。<divid="app"><av-bind:href='value'v-bind:title='title':author='author'>{{urlName}}</a></div>var app =new Vue({ el:'#app',
浏览:2540 标签: v-bind v-model vue
vue第三方组件收藏集合
vue第三方组件收藏集合
vue-swipe:幻灯片组件,https://github.com/ElemeFE/vue-swipevue-infinite-scroll:无限滚动,https://github.com/ElemeFE/vue-infinite-scrollvue-loadmore:下拉加载和上拉加载,(是一个 component),https://github.com/mint-ui
浏览:1283 标签: vue 组件
vuejs笔记之new Vue({})中的el/data/v-html/v-once介绍
vuejs笔记之new Vue({})中的el/data/v-html/v-once介绍
        尝试 Vue.js 最简单的方法是创建一个 .html 文件,然后通过如下方式引入 Vue:<script src="https://unpkg.com/vue"></script>        Vue本质是构造函数,那么就需要new命令来使用:new Vue({})。html代码<htmllang="en"><head><metacharset="UTF
浏览:1641 标签: vue v-once v-html

邮箱快速注册

忘记密码