首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue
亮哥666
创建于2024-04-19
订阅专栏
vue入门教程
暂无订阅
共44篇文章
创建于2024-04-19
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
44.vue项目知识总结
1.模板(template) 中只能访问组件实例上的属性,也就是只能访问 data(),props,computed,methods中的东西,其余导入的外界的枚举值,变量,方法均不能使用。但是注意的是
1.前端框架的由来
服务端渲染 前后端分离 单页应用 vue框架 服务端渲染 前后端分离 单页应用 vue框架 服务端渲染 前后端分离 单页应用 vue框架
2.第一个vue应用
el代表要替代的元素,vue可以表示整个界面,也可以表示界面的某一部分,所有会有这个el来表示那的问题,这个el后面“”可以是各种选择器选中的元素 data 表示页面上要使用的数据,data对象里面的
3.核心概念
注入 vue会将以下配置注入到vue实例: data:和界面相关的数据 computed:通过已有数据计算得来的数据,将来详细讲解 methods:方法 虚拟DOM树 直接操作真实的DOM会引发严重的
4.vue的指令和基础知识
1.v-bind 指令是绑定元素的属性,比方说img元素的src属性。如果是src属性不需要改变,那么就不需要使用v-bind去绑定,只有程序运行过程中需要改变数据更新img的时候,才需要使用v-bi
5.组件
组件是降低复杂度和解决重用的问题,和iOS里面的自定义view的作用差不多。 组件的出现是为了实现以下两个目标: 降低整体复杂度,提升代码的可读性和可维护性 提升局部代码的可复用性 组件里面可以套组件
6.环境一致
全局环境和本地环境一致 全局环境 全局环境主要是node版本,vue/cli 的版本 1.node用nvm 切到12.22.12 全局 npm i -g @vue/cli 4.5.8 使用 vue -
7.搭建工程
vue-cli vue-cli是一个脚手架工具,用于搭建vue工程 它内部使用了webpack,并预置了诸多插件(plugin)和加载器(loader),以达到开箱即用的效果 除了基本的插件和加载器外
8.计算属性
面试题:计算属性和方法有什么区别? 完整的计算属性书写: 只包含getter的计算属性简写:面试题:计算属性和方法有什么区别? 完整的计算属性书写: 只包含getter的计算属性简写:面试题:计算属性
9.组件事件
知识点 1.全局样式 在vue中想使用一些全局样式,只需要在main.js导入的文件就可以了。 main.js导入global.less 就可以了 var.less var.less 2.v-if 和
10.插槽
在某些组件的模板中,有一部分区域需要父组件来指定,类似于iOS里面现在自定义的控件里面,调用某个方法需要传一个UIView进去一样。 插槽的简单用法 此时,就需要使用插槽来定制组件的功能 具名插槽 如
11.vue-router的使用
如何根据地址中的路径选择不同的组件? 把选择的组件放到哪个位置? 如何无刷新的切换组件? 路由插件 路由插件的使用 基本使用 路由模式 路由模式决定了: 路由从哪里获取访问路径 路由如何改变访问路径
12.弹出消息
1.使用css module 需要将样式文件命名为xxx.module.ooo xxx为文件名 ooo为样式文件后缀名,可以是css、less 2.得到组件渲染的Dom 3.扩展vue实例 4.ref
13.远程获取数据
远程获取数据的意义 跨域只有浏览器才会存在跨域问题,不是浏览器压根没有这个说法。 开发环境有跨域问题 生产环境没有跨域问题 解决开发环境的跨域问题 为什么要Mock数据
14.组件生命周期
组件生命周期 常见应用 加载远程数据 直接操作DOM 启动和清除计时器组件生命周期 常见应用 加载远程数据 直接操作DOM 启动和清除计时器组件生命周期 常见应用 加载远程数据 直接操作DOM 启动和
15.自定义指令
定义指令 全局定义 之后,所有的组件均可以使用mydirec1和mydirec2指令 局部定义 局部定义是指在某个组件中定义指令,和局部注册组件类似。 定义的指令仅在该组件中有效。 和局部注册组件一样
16.混入
混入 混入其实就是为了提取公共代码,效果其实类似于把混入搞了个父类,然后子类都是可以轻松继承copy一份代码。 有的时候,许多组件有着类似的功能,这些功能代码分散在组件不同的配置中。 于是,我们可以把
17.组件递归
组件递归 组件递归主要用于一个组件里面也有类似外层一样的结构,类似手风琴效果。 具体组件的代码如下: 组件递归只需要给当前组件name: "RightList"一个name 属性,就可以在当前组件内部
18.动态路由
文章列表页逻辑 路由跳转逻辑 组件逻辑 BlogList BlogCategory 知识 动态路由 我们希望下面的地址都能够匹配到Blog组件 /article,显示全部文章 /article/cat
19. 文章详情页相关开发
文章数据逻辑 组件逻辑 BlogDetail 该组件没有任何难度,根据「属性 - 文章对象」显示出文章信息即可 由于文章的内容属于原始html,因此需要使用v-html指令来设置 另外,文章的内容是不
下一页