Vue.js入门注意点

幸福滴嘴角上扬

3462人浏览 · 2016-11-03 18:54:39

幸福滴嘴角上扬 · 2016-11-03 18:54:39 发布

之前项目不忙的时候自学了下Vue.js，当时自己做了一些小练习，项目忙起来就没顾得上总结注意点。现在下班有空了，简单总结下初次学习Vue.js需要注意的几点。

 
 1、new Vue()时，v一定要大写，否则报错vue未定义。 

 
 2、处理用户输入时，函数名不能包含字符 

3、依据索引值进行操作时，一定要加$符号，不然有BUG。

 
 4、Vue.js 为两个最常用的指令 v-on、v-bind提供了缩写，分别为 

 
 例： <a v-on:click="href"></a> <a @click="href"></a> 

 
 <a v-bind:click="href"></a> <a :click="href"></a> 

 
 5、在模板中Vue.js将表达式限定为只能绑定一个。当要使用多于一个的逻辑表达式时，必须要使用计算属性。 

 
 6、利用数组绑定多个class时，数组中使用对象语法，若class名不为单一单词则需要用单引号括起来。 

7、动态渲染下拉框时，设置被选中的option只能用value

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^