这个月开始了工作的第一步,实习。

大部分的开发都是在vue的基础上进行的,部分是Bootstrap和jQuery。辛好之前接触过一些bootstrap和jquery的知识,所以能在没基础过vue的前提下,一接到任务就上手。

 

vue使用中,有几个需要注意的。

1.new一个Vue() 。

2.把el设定好。

3.data和method知道是什么,在外部如何调用这俩个东西。例:

var vm = new Vue({
    el:\"#info\",
    data: {
        a: \'test\',
        b: [1,2]
    },
    methods:{
        test: function () {
             console.log(\"hello world\");
        }
    },

    ...

});

在这里,省略号部分表示可以添加其他类型的方法。比如,watch,complex之类的,w3c上可以看到教程。

在外部调用里面的data的时候,可以使用 vm.a、vm.b来调用data中的属性。使用vm.test()来调用methods中的方法。

 

还有一个容易出错的就是在html中的标签使用。

如果你在标签内使用,则使用俩个大括号包起来{{a}},这个就是调用 vm.a

如果是在标签上使用,则需要使用 -> \"v-bind:value=\'a\' \",这样子。加上大括号没有任何的用。value是标签的属性,可以变为src,class什么的。

如果涉及complex和v-bind:class=\"{a:isA}\",这种形式,一定记得括号问题。冒号后边可以写很多东西,但是一定记得括号对齐!!!

 

最后,如果说idea一直报错,那就alt+enter,这样子 <html> 就会变为<html ns:v-bind=\"http://www.w3.org/1999/xhtml\">,报错就没了。如果觉得不对味,完事儿之后记得删掉就好了。

收藏 打印