这个月开始了工作的第一步,实习。
大部分的开发都是在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\">,报错就没了。如果觉得不对味,完事儿之后记得删掉就好了。
继续阅读与本文标签相同的文章
上一篇 :
佳能:积极推动未来在华业务多元化发展
-
基础c4d教程:简单的木质吊灯建模,小白也能学会
2026-05-18栏目: 教程
-
大族激光:智能装备LION系列光纤激光切割机发布仪式在湘隆重召开
2026-05-18栏目: 教程
-
实拍上汽首个“无人”仓库,本月正式运行
2026-05-18栏目: 教程
-
自动驾驶光车以外的硬件就7万 滴滴想让你不买车就能先坐上
2026-05-18栏目: 教程
-
滴滴迎来大整顿!1000万罚单认清现实,8万司机被开除
2026-05-18栏目: 教程
