全局注册 html部分 <div id="e1"><name1></name1></div> script部分 <script type="text/javascript"> Vue.component('name1', { template: '<div>我是效果</div>'}) //定义全局模 ...
分类:
其他好文 时间:
2017-06-12 13:00:06
阅读次数:
286
说明,使用的是npm init webpack 项目名方式创建的项目,无需手动配置webpack 1.安装less依赖 npm install less less-loader --save 2.xx.vue组件中使用less ...
分类:
Web程序 时间:
2017-06-08 12:08:19
阅读次数:
246
背景 相信大家在使用Vue开发项目时,基本都是以单文件组件的形式开发组件的,这种方式好处多多: 1.代码集中,便于开发、管理和维护 2.可复用性高,直接将vue文件拷贝到新项目中 我暂时就想到这两点,童鞋们可以在评论里帮我补充;因为有这么多优点,所以决定有必要将vue组件的常用配置项提炼出来,形成一 ...
分类:
其他好文 时间:
2017-06-07 15:35:17
阅读次数:
171
自定义事件 我们知道,父组件是使用 props 传递数据给子组件,但如果子组件要把数据传递回去,应该怎样做?那就是自定义事件! ...
分类:
其他好文 时间:
2017-06-06 15:57:24
阅读次数:
196
组件对于vue来说非常重要,学习学习了基础vue后,再回过头来把组件弄透! 一、概念 组件意味着协同工作,通常父子组件会是这样的关系:组件 A 在它的模版中使用了组件 B 。 它们之间必然需要相互通信:父组件要给子组件传递数据,子组件需要将它内部发生的事情告知给父组件。 在 Vue.js 中,父子组 ...
分类:
其他好文 时间:
2017-06-06 11:54:20
阅读次数:
193
vuex是解决vue组件和组件间相互通信而存在的,vuex理解起来稍微复杂,但一旦看懂则即为好用: 安装: 引入 vuex的几个参数的介绍 State 储存初始化数据 Getters 对State 里面的数据二次处理(对数据进行过滤类似filter的作用)比如State返回的为一个对象,我们想取对象 ...
分类:
其他好文 时间:
2017-06-04 22:45:03
阅读次数:
1401
使用场景 当需要进行vuex进行数据状态管理的时候,会使用到mapGetters,mapState,还有自身的计算属性的时候,这个时候就会用到这个了! 1.首先需要安装 2.需要在.babelrc文件中新增以下 3.在vue组件中使用 ...
分类:
其他好文 时间:
2017-05-30 15:58:00
阅读次数:
1674
一、组件的嵌套 在做移动端的时候,有时候我们可以把React与mui混合使用,但mui中的classname记得换成className,另外三大框架(vue/react/angular)都可以与bootstrap搭配使用, 在一些简单的页面中我们可以使用bootstrap的可视化组件快速搭建原型页面 ...
分类:
其他好文 时间:
2017-05-29 21:06:45
阅读次数:
157
在页面引入vue-router.js文件,开始配置路由 路由的嵌套:在关联路由的模版内使用 subRoutes 路由链接后面带参数获取:$route.params 以下方法返回的都是一个JSON对象,需要过滤转化 Vue-loader的使用: vue文件内容介绍: 放置的是vue组件代码 <temp ...
分类:
其他好文 时间:
2017-05-25 23:29:32
阅读次数:
320
在Vue中组件实例之间的作用域是孤立的,以为不能直接在子组件上引用父组件的数据,同时父组件也不能直接使用子组件的数据 一、父组件利用props往子组件传输数据 父组件: 子组件: 如上所示,父组件在模板中引用子组件,通过v-bind传递参数myMessage,值为parentMsg,其可以为父组件中 ...
分类:
其他好文 时间:
2017-05-25 19:48:54
阅读次数:
168