
vue
ADLF
每个不曾起舞的日子,都是对生命的辜负
展开
-
四、vue过滤器的使用
只能用在两个地方v-bind指令和mustachc定义一个全局过滤器用于常见文本的格式化<p :class="classobj">{{msg | myguolv}}</p>Vue.filter('myguolv',function(msg){ return msg.replace('单纯','邪恶') }) var vm = new Vue(...翻译 2018-11-18 21:24:02 · 172 阅读 · 0 评论 -
微信分享开发遇到的坑
1.安卓配置成功,苹果端配置失败2.其实只要在出错的地方刷新下页面就好了.附上代码 sharediy(){ let _url = encodeURIComponent(location.href.split('#')[0]) console.log(_url) let shareurl = _url ...原创 2019-02-18 13:28:24 · 399 阅读 · 0 评论 -
nrm工具的使用
翻译 2019-01-03 21:57:38 · 437 阅读 · 0 评论 -
使用webpack+vue-cli构建项目
1、首先安装好node环境,然后再项目文件夹根目录下执行命令安装vue相关功能npm install -g @vue/cli-init2、初始化项目vue init webpack project(你新建的项目名称/文件名称)3、检验是否安装成功npm run dev...原创 2018-12-16 19:17:19 · 289 阅读 · 0 评论 -
十、组件
组件的定义:一个组件本质上是一个拥有预定义选项的一个 Vue 实例。组件的创建方式:第一种创建方式<body> <div id="app"> <my-com1></my-com1> </div> </body></html><script&翻译 2018-12-14 18:01:17 · 134 阅读 · 0 评论 -
七、重要的知识点--生命周期
组件创建期间的4个钩子函数组件运行和销毁阶段的钩子函数翻译 2018-12-14 16:02:30 · 131 阅读 · 0 评论 -
六、自定义vue指令
在vue中所有的指令调用的时候都已 v-开头自定义一个vue指令 Vue.directive()传值私有指令简写私有指令翻译 2018-12-14 15:37:38 · 135 阅读 · 0 评论 -
五、按键修饰符
默认的有自定义键盘修饰符翻译 2018-12-14 13:16:40 · 211 阅读 · 0 评论 -
一、理解mvvm的概念
一、理解mvvm的概念先看下源码翻译 2018-11-18 16:03:25 · 247 阅读 · 0 评论 -
二、一些常用指令
一、一般指令的使用网页加载慢的时候闪烁问题 v-cloak (加载完成才显示,不会出现代码),需要在style中写上样式 <style> [v-cloak] { display: none;} </style> <p v-cloak>{{msg}}</p> ...翻译 2018-11-18 16:44:53 · 160 阅读 · 0 评论 -
三、包含事件修饰符的v-on指令
v-on 事件绑定指令,简写可以使用 @:click<input type="button" v-bind:title="mytile" value="属性" @:click="show"/><script> var vm = new Vue({ el: '#app', data: { msg: '123', msg2:翻译 2018-11-18 16:13:44 · 343 阅读 · 0 评论 -
vue项目加载之前添加加载动画
如何在组件页面添加加载之前的动画是加不了的,因为动画也是基于html,css,所以需要在index.html文件里面添加<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-wid...原创 2019-04-26 13:35:24 · 5723 阅读 · 2 评论