1.外部引入 styleHeight:样式的高度,Number: 数字大小 <compute-number :styleHeight="44" :number="Number(1905)" > </compute-number> 2.组件代码 <template> <div id="demo"> < ...
分类:
其他好文 时间:
2020-04-06 14:05:03
阅读次数:
308
前置 大小 vue 项目都离不开组件通讯, 在这里总结一下vue组件通讯方式并列出, 都是 简单 的例子. 适合像我这样的小白。如有错误,欢迎指正。 温馨提示: 下文没有列出 , 也是重要的组件通讯方式。 props 最常用的组件通讯方式 值可以是数组或对象,使用对象时可以配置高级选项,如类型检测、 ...
分类:
其他好文 时间:
2020-04-05 18:19:12
阅读次数:
86
1、子组件向父组件传值 子组件 <template> <div class="app"> <input @click="sendMsg" type="button" value="给父组件传递值"> </div> </template> <script> export default { data ...
分类:
其他好文 时间:
2020-04-04 14:56:19
阅读次数:
953
父子通信 (1)父组件向子组件传值props <button-counter :title="send"></button-counter> Vue.component('button-counter', { props: ['title'], data: function() { return { ...
分类:
其他好文 时间:
2020-04-03 21:48:15
阅读次数:
147
vuex 的目录结构 A模块内容 B模块内容 vuex 模块化 组件中引入 A组件 B组件 具体可以参考 https://www.cnblogs.com/yeziTesting/p/7182904.html ...
分类:
其他好文 时间:
2020-04-01 10:45:14
阅读次数:
61
一、创建组件 三个模板,template、script、style分别对应html、js、css template中只能有一个父标签,不能并列多个父标签 script必须export 一个默认函数,拥有name属性和data方法,data必须有返回值 style标签最好加入scoped属性,声明样式 ...
分类:
其他好文 时间:
2020-03-31 17:35:52
阅读次数:
71
环境和测试代码 vue 2.6.11, vuex 3.1.3 总结 侵入每个 vue 组件注册了 $store 属性,而所有 $store 属性都指向一个 store 实例,这样就能做到所有 vue 组件访问的都是同一份全局变量。 vue 组件里用户定义取 store 上的变量用于渲染或者其他逻辑, ...
分类:
其他好文 时间:
2020-03-31 14:51:48
阅读次数:
91
现在有两种办法: 1、是因为你设置了eslint(规范化代码),如果你不想有规范的js代码,可以重新初始化关掉eslint。 Use ESLint to lint your code? (Y/n) 这一步选no 2、有个简单的解决办法: 解决办法就是进入 config 目录下找到文件 index.j ...
分类:
其他好文 时间:
2020-03-31 12:39:46
阅读次数:
75
出现环境:在vue组件中使用了scoped,发现手写的标签样式起作用,但是第三方的组件标签并没有起作用 原因: 1. 先搞清楚scoped的布局实现 在style上加上scoped后 会对 style里面加了样式的标签 每个加上一个 像这样的一个属性 data-v-4686dc05 组件内的样式只会 ...
分类:
其他好文 时间:
2020-03-30 13:01:19
阅读次数:
266
最近数月一直投身于 iView 的开源工作中,完成了大大小小 30 多个 UI 组件,在 Vue 组件化开发中积累了不少经验。其中也有很多带有技巧性和黑科技的组件,这些特性有的是 Vue 文档中提到但却容易被忽略的,有的更是没有写在文档里,今天就说说 Vue 组件的高级玩法。 写在前面 本文所讲内容 ...
分类:
其他好文 时间:
2020-03-26 21:30:10
阅读次数:
69