猿记录

一个记录、分享的博客

您的位置:主页 > 技术专栏 > javascript > vue >

vue2.0和webpack入坑

2017-06-27 11:25:03 作者:yxl 次阅读 vue

vue2.0后webpack中的规则 -loader不能省略
我们在属性中支持number string boolean类型,以上显示能在界面中看出都能正常进行和原本属性所预期的,不用来绑定的属性可以直接属性赋值,如果一定要通过data数据选项中返回的值一定要加 
还有一个就是在组件中使用了事件的要加上.native 如  <my-button @click.native='buttonClick'></my-button> 不能写成  <my-button @click='buttonClick'></my-button>
我们可以尝试一下如果我们去掉.native的话你会发现组件根本出alert(原生点击)的弹框,这是为什么呢,正常的情况在一个单个组件内部自己使用v-on的事件,ok都不会有问题,如果在一个组件上定义一个指令事件,必须要用.native,这里大家一定要注意
1、对于路由的参数传递:
    <router-link :to="{path:'detail',query:{id:id}}"></router-link>
2、子组件向父组件传递数据 数据
    子组件homePage要  props['id','title']  的语法   
    父组件 <home-page :id="xx" title="xx"></home-page>   这样传递
3、还有就是使用了mounted周期的时候,一定要注意因为这个周期的时候不一定保证元素已经加载完:
     所以一般要添加this.$nextTick()  方法
4、保证每个子组件最高层只有一个父级元素,就是最外层不能有同级的元素:比如<div></div><p></p>这样是不行的,要<div>组件内容</div>
5、路由配置可以分离,因为大的项目路由的配置都是非常多的,如果都放在入口文件(main.js)配置的话会造成很大,看起来很乱
6、如果有引入其他的css库,一定要看好vue  和 对应css库的版本号
7、对于一些动态的数据 比如:  <imr src='{{ url }}'> vue2.0后 这样写是渲染不出来的,要用动态属性 :src="url"
二、ui组件的推荐
   移动端
       个人觉得muse-ui还是不错的
  pc端
       iview或者element-ui  

凡本站注明“本站”或“投稿”的所有文章,版权均属于本站或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。

编辑:yxl 关键词:
0

网友评论