![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
舒小颜
。。em..
展开
-
vue 组件封装
把我们所需要的功能写在一个组件里面 比如 /*popout*/1:在components里面创建文件夹popout 以及index.js和popout,vue2:在index,js里面去导出popout.vueimport Popout from "./popout.vue";export default Popout;3:在popout里面去写我们所需要的功能4:...原创 2018-08-27 13:30:36 · 467 阅读 · 0 评论 -
vue 传值方式props、eimit、store
父传子 :props:[]子传父 :$eimit(a,b) a 是要触的父元素 b是子元素的内容<body> <div id="box"> {{son}} <child v-on:changvalue="changvaluefather"></child> </div> ...原创 2019-09-25 18:17:31 · 631 阅读 · 0 评论 -
render函数讲解
首先展示一下效果图&amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;html&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;head&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;meta charset=&原创 2018-09-18 09:19:26 · 495 阅读 · 0 评论 -
vue父子之间传值prop验证
props有以下多种属性Vue.component('my-component', { props: { // 基础的类型检查 (`null` 匹配任何类型) propA: Number, // 多个可能的类型 propB: [String, Number], // 必填的字符串 propC: { type: String...原创 2018-09-04 10:26:51 · 516 阅读 · 0 评论 -
vue点击高亮效果
需要写导航条点击高亮效果,突然忘记怎么了,百度了一下大都相同,要不就是代码繁多,看的头痛,不过现在解决了,各位同仁们可以参考一下,有什么问题可以留言效果如下效果如下...原创 2018-08-21 18:34:18 · 2712 阅读 · 0 评论 -
vue初始化项目搭建,scss配置
刚开始我们要配置好node.js 和Git 才能进行vue的项目创建初始化项目搭建1. vue init webpack +项目名称 例子:vue init webpack baobao```Generate project in current directory? Yes? Project name pconline? Project description A ...原创 2018-08-21 15:41:52 · 843 阅读 · 0 评论 -
vue动画点击淡人淡出
//name样式.mybox-leave-active,.mybox-enter-active{ transition: all 1s ease; }.mybox-leave-active,.mybox-enter{ opacity:0 !important;}.mybox-leave,.mybox-enter-active{ opac...原创 2018-08-31 10:30:08 · 1442 阅读 · 0 评论 -
vue计算属性computed与函数function的区别
计算属性:具有缓存功能 ,无任调用多少次就计算一次;(性能得到提升)函数是:函数 、 每次调用都会计算(性能降低)原创 2019-09-26 16:28:34 · 1312 阅读 · 0 评论