![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 149 阅读 · 0 评论 -
微信分享开发遇到的坑
1.安卓配置成功,苹果端配置失败 2.其实只要在出错的地方刷新下页面就好了. 附上代码 sharediy(){ let _url = encodeURIComponent(location.href.split('#')[0]) console.log(_url) let shareurl = _url ...原创 2019-02-18 13:28:24 · 332 阅读 · 0 评论 -
nrm工具的使用
翻译 2019-01-03 21:57:38 · 413 阅读 · 0 评论 -
使用webpack+vue-cli构建项目
1、首先安装好node环境,然后再项目文件夹根目录下执行命令安装vue相关功能 npm install -g @vue/cli-init 2、初始化项目 vue init webpack project(你新建的项目名称/文件名称) 3、检验是否安装成功 npm run dev ...原创 2018-12-16 19:17:19 · 242 阅读 · 0 评论 -
十、组件
组件的定义:一个组件本质上是一个拥有预定义选项的一个 Vue 实例。 组件的创建方式: 第一种创建方式 <body> <div id="app"> <my-com1></my-com1> </div> </body> </html> <script&翻译 2018-12-14 18:01:17 · 107 阅读 · 0 评论 -
七、重要的知识点--生命周期
组件创建期间的4个钩子函数 组件运行和销毁阶段的钩子函数翻译 2018-12-14 16:02:30 · 111 阅读 · 0 评论 -
六、自定义vue指令
在vue中所有的指令调用的时候都已 v-开头 自定义一个vue指令 Vue.directive() 传值 私有指令 简写私有指令翻译 2018-12-14 15:37:38 · 116 阅读 · 0 评论 -
五、按键修饰符
默认的有 自定义键盘修饰符翻译 2018-12-14 13:16:40 · 182 阅读 · 0 评论 -
一、理解mvvm的概念
一、理解mvvm的概念 先看下源码翻译 2018-11-18 16:03:25 · 208 阅读 · 0 评论 -
二、一些常用指令
一、一般指令的使用 网页加载慢的时候闪烁问题 v-cloak (加载完成才显示,不会出现代码),需要在style中写上样式 <style> [v-cloak] { display: none;} </style> <p v-cloak>{{msg}}</p> ...翻译 2018-11-18 16:44:53 · 138 阅读 · 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 · 294 阅读 · 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 · 5670 阅读 · 2 评论