发表于: 2020-04-05 23:19:40

1 1401


今天完成的事

1,在浏览许多关于内网穿透搭建公众号开发环境的配置后,发现资料并不完整,不适合后期继续测试开发公众号,决定暂时放弃公众号的开发,开始vue的学习;

2,紧接之前学习过的模板语法,计算属性,class与style绑定,学习后续的vue语法基础:条件渲染,列表渲染,事件处理,表单输入绑定,组件基础;与之前学习的angular比较,有许多相同语法结构,但也出现许多angular中没有的语法特性,以下主要相比angular差异的部分:

(1)在条件渲染中

可以使用特殊的指令来完成渲染展示,还可以根据条件不同渲染不同的代码块,angular中仅有ngIf判断真值,然后渲染代码块相比之下,还有其他的

如v-show指令;

(2)在列表渲染中

可以通过v-for指令传入多个参数,除了访问键值,排列序号之外,相比angular可以访问属性名,v-for比*ngFor功能强许多;

(3)在事件处理中,angular提供的是事件绑定的方式处理事件响应((click),(change)等),vue使用的v-on事件监听的方式,不过事件处理中,vue多了许多比如修饰符的使用简化了许多可能需要书写添加的逻辑功能;

(4)在表单绑定中

angular多使用属性绑定,双向绑定的方式获取表单控件数据,vue更加细分,不同表单控件会有一些差异;

(5)在组件基础中,

vue组件与vue实例都是模板,逻辑,样式文件按结构处于同一页面,angular使用CLI创建组件后,html,css,ts分别有一个文件,在ts中引用组件对应的css,html,并于ts中定义的逻辑,数据交互;

明天的计划

1,测试使用vue讲解的实例,了解用法;

2,继续学习组件进一步文档;

遇到的问题

暂无

收获

1,解决了之前的疑惑,逻辑为真,与真值的解释;

https://developer.mozilla.org/zh-CN/docs/Glossary/Truthy


返回列表 返回列表
评论

    分享到