![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 86
luffysk
这个作者很懒,什么都没留下…
展开
-
vue笔记-VueRouter篇-路由的概念
1.前端路由和后端路由的区别首先要搞懂路由的概念,所谓的路由指的是根据不同的url执行相应的操作,比如点击百度新闻时,当点击国内按钮,则对应的地址为http://news.baidu.com/guonei,点击国际按钮时,对应的地址为http://news.baidu.com/guoji,它只是将guonei改为了guoji,当后台接收到该url时,会进行判断,如果最后边的字符串为guonei,则将此请求发送给处理国内逻辑的代码,如果为guoji,则将请求发给处理国际逻辑的代码,而负责转发请求的操作就是路原创 2021-08-01 17:28:27 · 339 阅读 · 0 评论 -
vue笔记-VueCLI篇-使用脚手架创建项目
1.脚手架的作用在一个项目中会存在许多的配置,比如是否需要eslint、单元测试、babel功能等,如果这些配置全部都手动编写的话会很浪费时间,此时就需要有工具可以帮我们自动的生成这些配置,我们只需要在它生成好的目录结构中编写业务代码即可每种框架基本都会存在对应的脚手架工具,vue的脚手架工具即为VueCLI,它的官网为https://cli.vuejs.org/zh/2.安装脚手架首先使用npm安装对应的包npm install -g @vue/cli安装完成后它会给命令行中添加vue命令,原创 2021-07-17 19:35:46 · 156 阅读 · 0 评论 -
vue笔记-webpack篇-webpack基本使用
1.模块化开发概念没有模块化的时候多人开发是这样的<script> <!--张三的代码--> let zp1 = 'zp1' console.log(zp1)</script><script> <!--李四的代码--> let lp1 = 'lp1' console.log(lp1)</script>如果能保证多个人中的代码不会出现相同名称的话,不使用模块化也是没问题的,但是如果多个人的代码中存原创 2021-07-11 18:03:56 · 92 阅读 · 0 评论 -
vue笔记-基础篇-插槽
1.插槽的定义现在通过v-mode的方式可以动态的给组件中传值,既然值可以传递,那么可以动态的给组件中传递结构吗,这样可以更好的对组件进行抽象, 而这就是插槽所做的工作插槽是用来动态的向组件中传递组织结构,通过插槽可以将指定的内容直接替换为其他内容,相当于在定义组件的时候预留了一些位置,这些位置可供组件的使用者动态的替换2.使用方式首先需要在定义组件的时候通过slot属性提前预留好插槽,此位置的内容将会被动态替换 let comp = { template: ` <di原创 2021-07-10 23:12:36 · 90 阅读 · 2 评论 -
vue笔记-基础篇-组件
1.组件化思想页面上会存在许多结构类似,只是数据不同的标签组合,比如上中下布局、导航、表格的样式等等,这些只有数据不同,结构大体上基本相似的元素组合在vue中就被称为组件之所以要有组件是因为这些结构类似的元素组合会在页面上出现多次,如果每次都写一大堆元素对于后期的管理不友好,如果使用组件则像单个标签一样方便,能够极大简化代码的开发组件同时还有助于编写出结构清晰的页面像图中可以对整个页面进行高度抽象,全部封装为一个个组件,在开发时可以最大化的复用组件,减少代码量2.组件的分类与使用组件分为全局组原创 2021-07-10 21:48:20 · 599 阅读 · 0 评论 -
vue笔记-基础篇-v-_指令的语法
1.计算属性计算属性是可以配置在options中的,因此先来看下官网对它的介绍通过文档可知它的结构为computed: {},其中对象中可以是key:function或者是key:{get:function,set:function}它的this执向的是vue实例而不是函数内部,因此在此函数中访问vue中的属性可以直接通过this.属性的方式访问它的结果会被缓存起来总结一下,计算属性的作用和普通属性一样,只不过比普通属性多了一些功能,能使用普通属性的地方就可以通过计算属性替换举个例子,比如在插原创 2021-07-07 10:19:14 · 429 阅读 · 0 评论 -
vue笔记-基础篇-初识vue
1.Vue概述首先,vue是一个javascript框架,它的中文官方网站为https://cn.vuejs.org/,读音类似于view,特点是渐进式、简单易用、灵活、体积小在官网首页已经说明概括了使用vue的好处2.安装vue有多种安装方式,本质都是下载vue源码打包后的js文件,后期需要工程化的时候可以使用npm的方式安装,前期学习只需要直接下载js文件,并在html中引入即可使用vue实例。直接下载js文件有两种类型,一种为生产版本、一种为开发版本,具体的区别可以参考官方文档。vue的原创 2021-07-03 12:00:51 · 292 阅读 · 0 评论