Vue
威武大将军朱厚照
这个作者很懒,什么都没留下…
展开
-
GSO vue(01)
MVC 和MVVM第一个Vue实例<div id="app"> <p>{{msg}}</br> {{hanshu()}} </p></div> <script type="text/javascript"> var vm = new Vue({ el:'#app', data:{ ...原创 2019-05-26 17:51:09 · 181 阅读 · 0 评论 -
Vue知识点
vue的生命周期添加链接描述双向绑定原理尚不可知,慢慢来vue父子组件传递参数this.$children[index]属性也可以获取子组件。https://www.cnblogs.com/xumqfaith/p/7743387.html曾经的笔记兄弟组件间特殊的传值方法暂且了解vue路由传参方法自己总结的也不错自定义指令官方文档vnode待理解...原创 2019-09-03 15:24:42 · 487 阅读 · 0 评论 -
vue slot(插槽)
本次尝试一下,将知识讲给别人听的学习方法。什么是插槽我们在引用组件时想要对组件样式作出一些修改,这种情况比较适合使用插槽,否则不得不再写一个代码重复度高的组件或者将各种代码都塞到一个组件中。插槽简单示例我们引用组件,在标签内写入一些html代码 <navigation-link url="/profile"> Your Profile</navigation-...原创 2019-09-03 15:22:49 · 182 阅读 · 0 评论 -
Webpack
Webpack是什么个人:将一个工程的各种模块打包成一个或多个bundle文件。(包括css,图像等),避免浏览器多次加载。入口(entry)代表webpack从哪个文件作为起点打包,并根据导入依赖的关系打包其他文件。module.exports = { entry: './path/to/my/entry/file.js'};出口(output)代表webpack将导出的b...原创 2019-06-28 21:46:37 · 112 阅读 · 0 评论 -
GSO (vue07)
Vue-rounter前台路由,通过地址决定如何显示页面基本使用方法创建一个路由对象,new路由对象的时候,可以传递一个对象var routerObj = new VueRouter({ routes:[ {path:'/login',component:login}, {path:'/register',component:register} ] ...原创 2019-06-22 16:34:31 · 163 阅读 · 0 评论 -
GSO (vue06)
Vue组件什么是组件:组件的出现,就是为了拆分Vue实力的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。组件化与模块化模块化:从代码逻辑的角度进行划分组件化:从UI界面的角度进行划分创建全局组件1vue extend1.1先创建模板 var comlname= Vue.extend({ template:'<...原创 2019-06-02 19:53:03 · 185 阅读 · 0 评论 -
GSO (vue05)
Vue.js 过渡 & 动画过渡其实就是一个淡入淡出的效果。Vue在元素显示与隐藏的过渡中,提供了 6 个 class 来切换:v-enter是一个时间点,是dom元素显示之前,元素的起始状态v-enter-to是dom元素显示之后,离开的终止状态,此时,元素动画结束,(与此同时 v-enter 被移除),在过渡/动画完成之后移除v-leave: 定义元素隐藏过渡的开始状态。在离...原创 2019-06-01 20:28:40 · 241 阅读 · 0 评论 -
GSO (vue04)
vue生命周期生命周期:指Vue实例创建,运行到销毁期间,总是伴随着各种各样的事件,这些事件统称为生命周期。生命周期钩子:生命周期事件(函数)。主要分类:创建期间的生命周期函数:beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好data和methods属性。ceated:实例已经在内存中创建,此时data和methods已经创建,此时还没有开始编译模板。befo...原创 2019-06-01 15:37:07 · 145 阅读 · 0 评论 -
GSO (vue03)
循环语句v-for遍历数组<p v-for="(one,index) in list" v-cloak >{{one.id}}-----{{one.name}}----{{index}}</p>data:{ list:[ {id:1,name:'a'}, {id:2,name:'b'}, {id:3,name:'c'}, ...原创 2019-05-27 19:10:37 · 180 阅读 · 0 评论 -
GSO vue(02)
事件修饰符Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault() 或 event.stopPropagation()。Vue.js通过由点(.)表示的指令后缀来调用修饰符。.stop 阻止事件冒泡.prevent 阻止默认事件.capture 添加事件侦听器时使用事件捕获模式(给父类装上后,父类会在子类前触发事件)...原创 2019-05-26 21:32:17 · 133 阅读 · 0 评论 -
GSO (vue08)
监视属性watchwatch是Vue的一个属性,可以监视指定数据的变化,然后触发对应的处理函数例如:data:{ first:"" }, watch:{ 'first':function(newVal,oldVal){ this.make(); console.log(newVal+"-----"+oldVal);} }函数中收到改变前...原创 2019-09-03 15:25:41 · 589 阅读 · 0 评论