分类: Vue |

文章分类
Webpack 1 Git 2 Web前端扩展 4 Vue 11 JavaScript 2 Ajax 1 CSS 4 HTML 1 node.js 1 JavaScript高级 8 npm 1 JavaScript扩展 3 TypeScript 1 微信小程序 1 工作总结 60 组件封装 2
                            
                            Vue配置项
                        
                                Vue配置项（实例属性）这篇总结主要介绍Vue配置项

1. el :  挂载点推荐使用  id  选择器不可以是 HTML 和 Body
写法：方法一：直接在data对象种直接指定容器el:'#root'方法二：Vue 
                            
                                2023-07-20
                            
                                    Vue
                                
                            Vue
                        
                            Vue3
                        
Vue3本篇主要总结了vue3的知识与概念

一.常用Composition API  (组合式API)1.1拉开序幕的setup1.是什么？是vue3中一个新的配置项，值为一个函数2.理解：是所有组合式API"表演的舞台&qu
                            
                                2023-07-20
                            
                                    Vue
                                
                            Vue
                        
                            Vue认知基础认知
                        
                                Vue认知基础认知这篇总结主要介绍Vue认知基础认知

1.学习vue最好的方式：看官网vue3官网： https://cn.vuejs.org/vue2官网： https://v2.cn.vuejs.org/vue风格指南(代码规范) ：
                            
                                2023-07-20
                            
                                    Vue
                                
                            Vue
                        
                            Vue组件传值
                        
                                Vue组件传值这篇总结主要介绍Vue组件传值

1.父传子      Props语法：
/*(1)传：父传
	<子组件 :属性名="属性值" ></子组件>
(2)收：子收
props : {  属性名: 数据类型 
                            
                                2023-07-20
                            
                                    Vue
                                
                            Vue
                        
                            Vue生命周期
                        
                                Vue生命周期这篇总结主要介绍Vue生命周期

简介1.又名：生命周期回调函数，生命周期函数，生命周期钩子2.是什么？ Vue在关键时刻帮我们调用的一些特殊名称的函数3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的4
                            
                                2023-07-20
                            
                                    Vue
                                
                            Vue
                        
                            Vue组件插槽&组件补充
                        
                                组件插槽这篇总结主要介绍Vue组件插槽&组件相关的补充

1.匿名插槽插槽作用 : 父组件 传递html结构 给子组件插槽语法：
/*1.传：父组件
	<子组件>   html结构   </子组件>
2.收：子组件
	
                                2023-07-20
                            
                                    Vue
                                
                            Vue
                        
                            Vue指令
                        
                                Vue常用指令这篇总结主要介绍Vue指令

内容渲染指令内容渲染指令用来辅助开发者渲染DOM元素的文本内容
1.v-text缺点：会覆盖元素内部原有的内容不会解析标签
<div id="root">
        <p v-
                            
                                2023-07-20
                            
                                    Vue
                                
                            Vue
                        
                            Vue-Router
                        
                                Vue-Router路由这篇总结主要介绍Vue-Router

1.路由概念路径(hash值) 与 页面 一一对应关系原理： 监听网页hash值
2.路由作用/场景 ：单页面应用： SPA（singal page applica
                            
                                2023-07-20
                            
                                    Vue
                                
                            Vue
                        
                            Vue3配合TypeScript的使用
                        
Vue3配合TypeScript的使用这篇文章主要总结了Vue3如何配合TypeScript使用

一.defineProps<>() 泛型函数1.defineProps<>()泛型函数接收值definePro
                            
                                2023-07-20
                            
                                    Vue
                                
                            Vue
                        
                            Pinia
                        
                                Pinia在Vue3的使用本篇文章主要是总结Pinia在Vue3的使用

Pinia1.安装pinia    npm i pinia
2.在main.js中按需导入createPinia，创建pinia，使用pinia
import 
                            
                                2023-07-20
                            
                                    Vue
                                
                            Vue