姚先森TO365天-CSDN博客

原创 Vue 2.0中的Vuex文件定义与内置方法介绍

(4) 定义变更(Mutations)：在Vuex模块实例中，使用mutations选项定义变更，即用于更新状态的方法。(6) 定义获取(Getters)：在Vuex模块实例中，使用getters选项定义获取器，即用于派生衍生状态的方法。(5) 定义行动(Actions)：在Vuex模块实例中，使用actions选项定义行动，即用于响应异步操作的方法。(3) 定义状态(State)：在Vuex模块实例中，使用state选项定义状态，即需要被共享的数据。Vuex提供了一些内置方法来实现状态的更新与响应。

2023-07-12 23:48:20 239 1

原创 Vue 2.0中的路由实现及动态路由和内置属性与方法解析

Vue 2.0提供了Vue Router插件来实现路由功能，并且支持动态路由和提供了一些内置属性和方法来方便路由操作。本篇博客将详细介绍Vue 2.0中的路由实现方式以及动态路由的概念，并探讨一些常用的路由内置属性和方法。(1) 导入Vue和Vue Router：在路由文件的开头，需要导入Vue和Vue Router相关的模块。(1) 在路由配置中定义动态路由：使用冒号(:)作为参数的占位符，定义需要动态生成的路由。(2) 导入和定义组件：根据项目需求，导入需要用于路由的组件，并定义路由的映射关系。

2023-07-12 23:43:57 1143 1

原创 Vue 2.0中各种情况下组件传值的实现方式解析

在Vue 2.0中，组件之间的数据传递可以通过props、自定义事件、全局状态管理(Vuex)和依赖注入等方式实现。使用props可以实现简单的父子组件之间的数据传递，自定义事件适用于兄弟组件之间和子组件向父组件传递数据，Vuex适用于多个组件共享同一份数据，而依赖注入适用于整个组件树中的数据传递。通过使用provide和inject选项，可以在父组件中提供数据，然后在子组件中注入并使用这些数据。父组件通过v-on指令监听子组件触发的事件，并在相应的事件处理函数中获取传递的数据。

2023-07-12 23:35:33 178 1

原创 Vue 2.0内置方法的作用及使用场景解析

通过合理的使用这些方法，我们可以更好地组织和处理组件内的数据，响应用户的操作，实现丰富的交互和业务逻辑。熟练掌握这些方法的使用场景，将有助于提高开发效率和代码的可维护性。在这个方法中，我们可以声明需要响应式跟踪的数据属性，这些属性将被Vue实例监视，当数据发生变化时，它们将自动更新相关的DOM。方法用于定义计算属性，这些属性的值是根据其他数据属性的值计算出来的。本篇博客将探讨这些方法的作用和使用场景，帮助读者更好地理解和使用Vue.js。方法，我们可以监听指定数据的变化，并执行一些自定义的逻辑。

2023-07-12 23:29:31 110 1

原创 Vue 2.0生命周期钩子函数大全

Vue.js是一个基于组件化的JavaScript框架，它的核心是组件，每个组件都有自己的生命周期。Vue 2.0提供了详细的生命周期钩子函数、父子组件生命周期的区别、指令的生命周期以及路由的钩子函数，使我们能够更好地控制组件、指令和页面的行为。除了上述常用的生命周期钩子函数外，Vue 2.0还提供了一些高级的生命周期钩子函数，如activated和deactivated，用于处理组件的激活和失活状态。在组件实例化之前调用，此时组件的数据观测和事件系统都未初始化，无法访问实例上的数据和方法。

2023-07-12 23:25:33 1134 1

原创 Vue 2.0指令大全：精通Vue.js核心指令

Vue 2.0提供了丰富的内置指令，包括v-model、v-bind、v-if、v-show、v-for、v-on、v-text、v-html等，它们为开发者提供了灵活和高效的交互方式。v-show指令也可以条件性地显示或隐藏元素，但是通过修改CSS的display属性来实现，元素始终位于DOM中。v-bind指令用于绑定元素的属性或组件的属性到Vue实例的数据。v-text指令用于输出元素的纯文本内容，它会替换元素的所有内容。通过v-for指令，可以对数组或对象进行迭代渲染，生成重复的元素。

2023-07-12 23:18:28 286 1

原创入门Vue.js：构建现代、交互式的Web应用程序

通过本文的介绍，您已经了解了Vue.js的基本概念和用法，希望对您学习和使用Vue.js有所帮助。开始使用Vue.js，构建您的下一个Web应用程序吧！Vue.js在实际应用中有着广泛的应用场景，无论是单页面应用还是多页面网站，都可以使用Vue.js来构建高效、灵活和可维护的应用程序。本文将介绍Vue.js的基本概念和特性，以帮助您入门Vue.js并开始构建自己的应用程序。Vue.js是一款基于MVVM模式的前端框架，它与React和Angular等框架有着相似之处，但具有更小的体积和更易上手的特点。

2023-07-12 23:14:22 91 1

原创 React + TS 学习笔记

{this.setState({count:this.state.count+1})}}> */} {/* bind修改this 点击 */} {/* class实例修改this 点击

2023-04-13 21:14:11 108 1

原创 TS 学习笔记

function add(num1:number,num2:number):number{ return num1+num2 } const add = (num1:number,num2:number):number =>{ return num1+num2 } //同时指定参数和返回值类型 const add:(num1:number,num2:number)=>number = (num1,num2)=>{ return num1+num2 }let person:{ name:string;

2023-04-13 21:11:38 193

原创 vscode 从零创建uniapp 项目

npm 下载uni-ui 试过，微信开发者工具上不生效，需要构建npm包，看了网上一大堆资料，操作了没卵用。vue create -p dcloudio/uni-preset-vue 项目名。vscode 版本: 1.76.0 (Universal)微信小程序上用uni-ui为什么不用npm直接下载？在gitee 将该项目下载下来。main.js 全局注册。注册好之后就可以用了。

2023-03-15 18:47:24 163

toolsend的博客