vue
关注
分享
扫一扫
文章平均质量分 53
$(薛定谔的喵)
这个作者很懒，什么都没留下…
展开
-
记-vue vue.config.js 配置webpack全局变量
缘起vue-cli3 以来 是不会 暴露 webpack.config.js 的 需要我们手动来配置因为近期 接手的一个项目 我需要从 package.josn 拿参数 然后 在其他 js文件拿到配置大致步骤如下：项目根目录 创建文件 vue.config.js添加配置 =》 配置全局变量其他js 拿到全局变量配置大致和 webpack 差不多for example...原创 2020-04-27 19:43:28 · 8404 阅读 · 0 评论 -
vue的生命周期
什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！生命周期钩子：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类：创建期间的生命周期函数：beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性created：...原创 2018-11-06 15:53:12 · 484 阅读 · 0 评论 -
vue-resource 实现 get, post, jsonp请求
代码格式很简单：如下 <script> var vm=new Vue({ el:'#app', data:{}, methods:{ getInfo(){//发起get请求 this.$http.get('http://...原创 2018-11-06 15:58:19 · 1111 阅读 · 2 评论 -
Vue组件的component中data属性function传对象和不穿的对象的区别(不同效果)
话不多说上代码测试：定义一个全局组件，绑定msg我们首先看如果把data的值外传不在组件里面创建的效果<body> <div id="app"> <counter></counter> <hr> <counter></counter> <原创 2018-11-15 14:05:26 · 4606 阅读 · 0 评论 -
watch监控路由 computed计算属性值区别和用法
watch，computed区别computed属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用；methods方法表示一个具体的操作，主要书写业务逻辑；watch一个对象，键是需要观察的表达式，值是对应回调函数。主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作；可以看作是computed和methods的结合体；语法格式watch： wa...原创 2018-11-26 14:16:45 · 1416 阅读 · 0 评论 -
Vue的v-cloak解决 插件表达式渲染闪烁问题
v-cloak在网速卡，刷新或者加载的时候我们使用vue 插件表达式渲染页面的时候 会显示{{message}}，造成闪烁问题这样的话虽然有时候只是一瞬间，但是还是会影响 用户的使用体验使用方法在style 样式文件里面插入： [v-cloak]{ display: none; }完 ~...原创 2018-12-04 19:09:15 · 402 阅读 · 0 评论 -
vue-animation
vue-animation为什么要有动画 ？就是要有不解释比较简单记录一下，方便找1. 过渡类名动画1. html结构<div id="app"> <input type="button" value="动起来" @click="myAnimate"> <!-- 使用 transition 将需要过渡的元素包裹起来 --&原创 2019-02-02 20:52:47 · 1797 阅读 · 0 评论 -
Vue-组件切换+第三方动画
cdn 引包<link href="https://cdn.bootcss.com/animate.css/3.7.0/animate.css" rel="stylesheet"><script src="https://cdn.bootcss.com/vue/2.5.21/vue.common.dev.js"></script>html 结构要实现..原创 2019-02-03 15:21:38 · 452 阅读 · 0 评论