![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue2
文章平均质量分 50
嘿哈哈哈
人生就像一场演出,不到谢幕永远不知道自己有多精彩。
展开
-
Vue 渲染方式:render 和 template的区别
render 和 templatetemplate----html的方式做渲染render----js的方式做渲染render(提供)是一种编译方式render里有一个函数h,这个h的作用是将单文件组件进行虚拟DOM的创建,然后再通过render进行解析。h就是createElement()方法:createElement(标签名称,属性配置,children)template也是一种编译方式,但是template最终还是要通过render的方式再次进行编译。区别render渲染方式原创 2021-12-09 00:08:44 · 1304 阅读 · 1 评论 -
Vue2 数据绑定,使用过滤器实现的搜索框功能
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-01-30 22:42:08 · 1112 阅读 · 0 评论 -
Vue2 计算属性应用实例
示例程序数据库中实际存储以分为单位,避免浮点数的运算,而前端的显示需要以元为单位。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;原创 2019-01-30 22:43:46 · 421 阅读 · 0 评论 -
Vue2 实现表单控件
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-01-30 22:44:59 · 483 阅读 · 0 评论 -
Vue2 绑定 class 与 style 的几种方法
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-01-30 22:49:12 · 324 阅读 · 0 评论 -
Vue2 模板渲染
前后端渲染的对比前段渲染的优点:1)业务分类2)计算量转移后端渲染的优点:1)对搜索引擎友好2)首页加载时间短示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascrip原创 2019-01-30 23:03:27 · 317 阅读 · 0 评论 -
Vue2 事件绑定与监听
示例程序&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;script type="text/javascript&a原创 2019-01-30 23:07:21 · 562 阅读 · 0 评论 -
Vue2 内置指令
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-01-30 23:45:50 · 226 阅读 · 0 评论 -
Vue2 自定义指令
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-01-31 10:15:04 · 247 阅读 · 0 评论 -
Vue2 生命周期
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-01-30 22:39:07 · 261 阅读 · 0 评论 -
Vue2 模板的使用
示例一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&原创 2019-01-30 22:37:52 · 561 阅读 · 0 评论 -
Vue2 动态参数的过滤器
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 09:33:35 · 445 阅读 · 0 评论 -
Vue2 CSS 过渡
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 10:14:41 · 257 阅读 · 0 评论 -
Vue2 CSS 过渡钩子函数
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 10:32:42 · 401 阅读 · 0 评论 -
Vue2 transition-group 示例
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 10:50:29 · 1549 阅读 · 0 评论 -
Vue2 组件注册
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 16:07:57 · 265 阅读 · 0 评论 -
Vue2 组件属性
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 16:37:51 · 210 阅读 · 0 评论 -
Vue2 组件自定义事件
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 16:38:38 · 457 阅读 · 0 评论 -
Vue2 路由
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 17:01:57 · 361 阅读 · 0 评论 -
Vue2 过滤器
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 09:13:31 · 159 阅读 · 0 评论