一先来实现前端部分第一步搭建Vue框架Vue我也是第一次接触，看了半天多的文档才有了大概的了解先不过多考虑前端的实现，首先考虑一下前后台沟通的问题用vuecli搭建一个新框架，在Helloworldvue 或者新建一个模板。

话不多说，咱们码上见真情#160#160#160#160#160#160#160考虑到可能要有多处使用到这个效果，所以，我们将其封装成组件，通过vue插槽的方式，来实现组件的复用当然，这里我们默认，您对vue有比较。

1tabbar和tabbaritem是分离的，如果是直接在tabbar中放四个item，使用时直接引入tabbar如下 1首先item数量是不固定的2需要在tabbar中给item传值以上，如果这样封装，使用时还要在组件中改来改去，肯定达不到效果。

需要插件 eslintbabeleslinteslintpluginvue 及配置文件 eslintrcjs 的支持，这些都已经做好了 自动格式化 需要编辑器设置的支持，这里在 vscodesettingsjson 文件配置好了 2019年11月github正式开放了github。

首先我们还是像上节课一样，用vue cli的create命令新建一个项目，名字可以随便起 创建完项目一样把用不着的内容先删掉，保持一个最简内容 Appvue内容是这样的 这节课我们讲解一下vue的基本模板语法，也就是我们在template。

如果我们希望把数据显示到模板template中，使用最多的语法是 “Mustache”语法 双大括号 的文本插值 并且我们前端提到过，data返回的对象是有添加到Vue的响应式系统 中，当data中的数据发生改变时，对应的内容也会发生更新 当然。

在vue中，template中可以写表达式，条件渲染，循环渲染，点击事件等，这些在html中是不可以实现的，只能在js中实现，所以vue对他进行了处理，处理的方法就是模板编译为render函数，执行render函数，返回vnode 主要作用src。

通过vscode的snippets我们可以自己配置自定义的snippets，从而实现快捷生成代码片段，在VsCode里按F1，输入snippets选择配置用户代码片段，选择后出现选择配置的界面，这里我们对Vue文件的代码片段进行配置，然后就完成了随着vscode。

可以vue可作为模板进行二次开发，因此可以用adminex模版adminex是一个扁平化设计管理平台框架主题，响应式设计bootstrap3后台管理模版，集合了很多有用的jQuery组件。

上面 mainjs 把 Appvue 模板的内容，放置在了 indexhtml 的 div 标签下面查看 Appvue 的内容我们看到，这个页面的内容由一个 logo 和一个待放置内容的 routerview ， routerview 的内容将由。

#app 元素的 outerHTML 是 Vue 模板，该模板可以被编译成 render function#160#160#160#160template #39ltApp#39，#160#160#160#160components App 2第二种，这种挂载是直接挂载。

1new Vueel#39#app#392单文件组件中，template下的元素div 一当我们实例化Vue的时候，填写一个el选项，来指定我们的SPA入口同时我们也会在body里面新增一个id为app的div 这很好理解，就是为vue开启一个入口。

等模板html渲染完成后再插入到对应位置和后端约定的数据格式，tempStr是html，动态插值用$表示，form是表单描述，用于渲染表单思路templatevue效果 暂时type只区分了select，可以加入radiocheckbox等表单形式。

vue框架算是最近前端开发很好的工具可以突破以前所没有实时更新页面很有发展前景，很多大公司现在正在使用Vue框架诞生于2014年，其作者为中国人尤雨溪，也是新人最容易入手的框架之一，不同于React和Angular，其中文。

一，indexvue 此页面为主要出口文件，会发射出一个得到选中后的item的方法以及数组二，MulCheckCascadervue 此页面为基础模板，会在该页面引用递归出来的多选的item的字模板，并且该页面会接受引用页面传过来的数据。

最近iOS客户端迭代放缓，被发配去做一些前端开发工作，后面会总结一些前端开发经验 框架Taro 基于Vue30 效果使用时导入css样式即可 tailwindcss。