Skip to content

Latest commit

 

History

History
73 lines (57 loc) · 1.83 KB

约定.md

File metadata and controls

73 lines (57 loc) · 1.83 KB

路由组件命名如果多个单词统一用 "_" 分隔

    '/my_views': {
      name:'my_views',
      component: require('./views/my_views.vue')
    },

使用具名路径

<a v-link="{ name: 'my_views', params: { viewId: 123 }}">User</a>

组件传值的时候单个单词小写,如果有多个单词用"-"连接 API说明

<uiradio :items.sync="mutilCheckitems" :mutil-check.sync="mutilCheck">

然后在组件props中用驼峰的方式访问['mutilCheck']。

组件传值得时候尽量不要使用表达式,可以在computed中定义

比如:

	<uiradio :items.sync="singleCheckitems" :mutil-check.sync="!mutilCheck">

修改为

<uiradio :items.sync="singleCheckitems" :mutil-check.sync="singleCheck"></uiradio>

然后定义computed

	...
	computed:{
		singleCheck:function(){
			return false;
		}
	},
	...

在绑定属性的时候

	<div class="tab-panel" v-show="show" transition="transiton">
		<slot name="tab-panel"></slot>
	</div>
	此处的 transition="transiton" 代表的是 transition 这个类名

而如果前面加个:则代表的是动态属性,: 是 v-bind的简写 参考 Vue1.0.0绑定语法参考

	<div class="tab-panel" v-show="show" :transition="transiton">

绑定属性用双引号

关于 vueComponent.sublime-snippet 文件

功能:sublime中编写vue组件的片段提示
使用:
	sublime中 菜单栏 - >Preferences - > 浏览插件
	将文件复制到 User目录下
	项目中新建 `组件名字.vue` 文件
	ctrl+shift+p 输入 vuecomponent 回车

在vue组件 template 中不能出现 < 字符, 如果有此字符,那么在使用webpack.optimize.UglifyJsPlugin压缩的时候,编译会报错