对于 vue 来说,模板本质就是一个字符串
vue 中的模板是有逻辑的,是动态的,如 v-if、v-for 等
与 html 格式很像,但有很大区别;html 是静态的,而 vue 模板是动态的
最终还是要转化为 html 来显示,怎么才能转换为 html 来显示呢?
模板最终必须转换为 JS 代码?
因为模板有逻辑 (v-if,v-for),必须用 JS 才能实现(前端中只有 JS 是图灵完备语言)
转换为html渲染页面,必须用 JS 才能实现渲染
因此模板最终要转换为一个 JS 函数(render 函数),(render 函数是指的渲染函数,并不一定就必须是 render 这个名字)
render函数
render 函数的 with 的用法
模板中,所有信息都包含在了 render 函数中
this 即 vm
price 就是 this.price,也是 vm.parice,也是 data.price
前端框架好不好用还是要具体情况具体分析,我这边给你推荐11个前端常用的框架,你可以按需使用。
1、vue-element-admin
一个基于vue2.0和Element的控制面板UI框架,这是使用vue技术栈开发的前端程序员的首选管理系统模板,模板已经非常成熟了,并且有相关的社区和维护人员,开发时遇到问题也不要慌。
2、AdmimLTE
非常流行的基于Bootstrap 3.x的免费的后台UI框架,这是一个非常老牌的后台管理系统模板,每个页面都是单独的html网页,适合前端入门新手来做项目。
3、ant-design-pro
这个就不多说了,选择react技术栈的童鞋们必然离不开这个优秀的开箱即用的中台前端/设计解决方案,文档齐全,组件丰富,一键生成模板,更支持开启复制粘贴模式哦。
4:ng2-admin
这是基于 Angular 2, Bootstrap 4 和 Webpack的后台管理面板框架,要说前面已经有了react和vue技术栈的模板,那怎么能少的了ng的?虽然在国外用的比较多,国内较少使用,但丝毫不影响ng作为前端框架三大巨头之一的地位呀。
5:Gentelella
Gentelella 是一个可免费使用的 Bootstrap 管理界面模版,使用群体比较广泛。这个模版使用默认的 Bootstrap 3的样式,还有一系列功能强大的 jQuery 插件和工具,可快速创建管理界面模版或者后台的 Dashboard。
6:iview-admin
iView admin 是基于 iView 的 Vue 2.0 控制面板。搭配使用 iView UI 组件库形成的一套后台集成解决方案 。
7:blur-admin
BlurAdmin 是一款使用 AngularJs + Bootstrap实现的单页管理端模版,视觉冲击极强的管理后台,各种动画效果。
8:vue-manage-system
vue-manage-system,一个基于 Vue.js 和 element-ui的后台管理系统模板,挺喜欢这个界面的UI,简约清晰不累赘,多功能的后台框架模板,适用于绝大部分的后台管理系统开发。
9:material-dashboard
基于 Bootstrap 4 和 Material 风格的控制面板。Material Dashboard 是一个开源的 Material
Bootstrap Admin,其设计灵感来自谷歌的 Material Design 。
10:d2-admin
D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案,基于 vue.js 和 ElementUI 的管理系统前端解决方案 ,小于 60kb的本地首屏 js 加载,已经做好大部分项目前期准备工作
11:vuestic-admin
vuestic-admin管理台仪表盘是一个响应式的仪表盘模板,采用Bootstrap4和Vue.js构建。这个精美的管理台模板提供了自定义元素组件,如地图,聊天,个人资料卡,图标,进度条等,以及用于登录和注册的预建页面。