随笔分类 - Vue学习
Vue的所有学习资料
摘要:tabbar基本结构的搭建 1.首先创建两个子组件,子组件一是底部最外层div,组件二是小div(图片和文字) (1)、子组件一用普通插槽 <template> <div class="tab-bar"> <slot></slot> </div> </template> <script> expor
阅读全文
摘要:一、安装和使用vue-router 1、安装vue-router (1)命令:npm install vue-router --save(2)安装脚手架时可以选上路由,会自动把路由的相关配置配置好。 2.如果使用的是命令安装的话,需要把相关的配置手动配置好 第一步:在src文件夹中创建router文
阅读全文
摘要:第四章 一、vueckli-脚手架的介绍和安装 (1)、Vue CLI使用前提-NodeJS □ 安装NodeJS(官网直接下载:http://nodejs.cn/download/或者https://www.cnblogs.com/Simple-520/p/15901020.html上篇文章查看)
阅读全文
摘要:第三章 模块开发 一. 了解模块开发 1、当一个js中使用另外一个js的方法或者属性时,用到了模块化的导出与导入 (1)、comminjs的导出module.exports={传出的名称:要传出的属性名称或者方名称} (2)、comminjs的导入 var {导入的属性名称或者方法名称}=requi
阅读全文
摘要:第二章 组件开发 一、模板分类:使用组件时:为了减少template中html模板的复杂度,使用分离模板的方式: 1、 第一种:把模板写到template标签里面,再加入id属性,组件template:‘#id的名称’ 2、 第二种:创建scriot标签,<script type="text/x-h
阅读全文
摘要:第一章 一、基础 1.指令 1、v-once:绑定第一次数据,数据不会随改变而改变! 实例:<div v-once>{{message}}</div> 2、v-html:当服务器过来的是标签而不是链接时使用v-html也可以跳转 实例:<div v-html="url"></div>, url:'<
阅读全文