Vue+Core3.1 WebApi前后端分离实战_学习笔记(58同城网移动商城)

本文介绍Vue.js框架中的关键特性和实用技巧,包括属性绑定、事件处理、条件渲染等内容,并探讨了MVVM模式的理解与应用,以及如何在实际项目中合理利用Vue。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、

2、vue重要属性

 

3、属性绑定、事件的原始形式

相应的简写形式

 

4、如果在setinterval等调用委托的地方使用vu对象的属性时,要使用Lambert表达式(箭头函数),否则this的作用域会出问题:

5、switch语句可以使用范围判断(只适用于js),如下:

**************解读MVVM************

6、

①v-bind(:) 是单向绑定;v-model是双向绑定(此时不用加元素的value属性)

②v-model只适用于有value属性的input控件,且只能在该控件中使用一次(替代value)

 

7、绑定的属性如果加上单引号,就相当于字符,而不是js表达式

8、如果一个元素使用2个以上的样式,可以使用数组,

9、可以使用flag布尔值来确定fontcolor类样式是否使用

10、vue属性绑定的表达式中,如果需要按字符串原样输出的要加单引号,不加的就是VUE的变量

11、元素使用多个内联样式的,可以使用数组,数组的样式元素其实就是jason对象。

12、因为style2是jason对象,所以可以使用如下方式获读写某个键的值

 

5、v-for循环的内容可以为以下类型

循环的为对象

6、runoob,com 前端教程查询网站

 

***************搭建MVC+VUE*************

  1. 回调函数一般都不是定义回调的对象调用,所有不能直接把对象的this传给他(调用回调的对象改变了,比如ajax回调、延时方法回调等都存在这种问题)
  2. 在pc端开发中,可以使用在VUE中使用jquery;移动端建议直接使用VUE(而不是用jquery)

 

 

2、当一个布局页中嵌套一个其他子页面(类似master页面),那么多个页面中的vue实例对象要其不同名称,以免冲突:

 

5、mvc中,view使用的controller中的方法(类似NetFramework中于业务层中的方法),

 

6、当后端的属性是首字母大写时,到前端经过jason转换后首字母就成为小写了

后端

前端:

 

7、相对于双循环

8、computed计算属性适合于对data数据进行的直接操作

9、v –if相对于v-show来说,有了更多的判断分支

 

******************asp.net的缓存机制*****************

  1. 使用vue、webApi就可以实现前后端分离,就是view页面中不前置后台代码(c#代码),
  2. 创建webapi VUE项目时需要安装以下插件:

3、当vue混合使用jquery时,可以在入口页面index中引入jquery.js

5、使用前后端分离,那么后台可以同时向app程序和浏览器发送数据

 

6、扩展方法,前面加个this,这样直接给DataRow添加了一个类方法

7、如果model的属性(如ProductName)与数据库表中的字段(如Product_Name)不一样,可以使用特性标记的方式来解决

8、前后端分离的项目,必然涉及到跨域服务,可以如下添加跨域3允许服务,进行跨域

9、安装vue vscode插件后,可以快速进行模版书写,比如写入v-base就可以产生vue的模版,加速代码书写速度。

10、

11、以下是html5的新语法,同jquery一样获取dom元素,

手机端都支持html5,pc端不一定支持

12、

不能使用include来检查一个集合中是否存在某个元素,include是用来检查一个字符是否存在于某个字符串中:

如果检查某个元素是否存在于某个集合中应使用filter(类似于linq中的where或findall)

 

13、以下是对集合符合条件的,进行模糊查询的方法

15、js中可以传入函数指针!

 

16、

①vue中router-link地址栏传递参数的方法

②页面获取地址参数的方式:

 

17、动画制作css3比jquery流畅

18、vue的前后端的验证使用token方式

Gwt 推荐使用该加密方式来进行前后验证

Guid 没法设置过期时间

 

19、服务器端实现跨域;

20、可以在绑定的属性、事件处直接写js代码:

21、Vue中页面与数据的绑定是实时的,如:给class使用三元表达式来赋值,只要数值改变,class样式就立即发生变化!

22、传入vue系统对象$event,可以获取当前的事件对象

23、vue中不能使用a标签+#标签名的方式来定位,

可以使用html5的js方式(手机端可以使用vue及纯html5的js方式):

25、使用axios向后天传递数据不能直接传jason数据,而是要构造表单数据

26、js数组中使用如下方式删除元素

27、vue与vue-cli是两种框架

28、移动端可以使用vue和jquery联合开发,但是jquery做动画没有css3流畅

29、webform开发体系;vue&webapi开发体系

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值