True_cl的博客

在vue一些需求中需求操控底层的dom,解决办法除了用ref解决外,还可以用自定义指令去操控底层元素从而实现对应的效果. 使用方法: html模块 <div v-insert="msg"><div> js操控模块 data() { return { msg: '我是插入元素' } }, directives: { insert(el, binding) { // el 是被操控的dom的元素 // binding是自定义指令传来

当我们父组件传来的值 props: { data: { type: Object, default: () => {}, }, }, 如果我们在子组件里面去用这个值去显示是完全没问题的,但是如果我们在子组件里面去修改这个值,控制台就会发出报错警告,但是如何在子组件完全拿到这个值呢 computed: { viewsData: { get() { return this.data }, set(da

一,使用场景 对于我们平常构建项目的时候经常频繁的使用组件,那对于父子传值得一些问题会导致我们在子组件里面不能直接去修改父组件传来的值,但是我们有时候可以转变下思路通过侦听父组件的值去改变. 二,使用方法 对于侦听字符串的使用方法 watch: { data(value) { // 如果当value的值变化时,就立刻触发侦听器,执行里面的方法 } 对于侦听对象的使用方法 data: { handler(value) { // 对于侦听对象时,因为

一，介绍 对于整体的项目的搭建，我们来了解下vuex的理解，首先vuex别名是vue全家桶，是专门为vue提供的一个状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 二，了解 对于vuex,它的理念是"单数据流“为标准，在里面分别有五个核心概论，分别是State,Getter,Mutation,Action和Module。 对于在vue里面的核心的概论我来介绍下State,Getter,Mutation和Action State 首先State的作用

一，简介 首先我们先了解vue的相关的几个方面的模块 vue：用于构建用户界面的前端开发框架 vue-cli：vue的项目构建、开发工具 vue loader：一个webpack的loader，将vue组件的开发形式转为单文件 vue router：vue的路由管理器插件 vuex：vue的状态管理插件 二，cli(脚手架) 认识脚手架是什么？ vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。

一，介绍 关于对于使用vue的核心，也就是对组件的使用，也就是对于vue的核心的基本的了解了。 组件是vue的重要概论，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。 二，基本使用 首先创建一个文件，导入vue的cdn的地址 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 第二步，创建一个div区域给vue做代理的作用，可以在这个区域里面随便创建组件。 <div

一，框架vue 首先vue是一款渐进式框架，对于渐进式框架也就是阶梯式向前的 。 vue是轻量级的，它有很多独立的功能或库，我们会根据我们的项目来选用vue的一些功能。就像我们开发项目时如果只用到vue的声明式渲染，我就只用vue的声明渲染，而我们要用他的组件系统，我们可以引用它的组件系统。 二，vue的核心 1.响应式数据绑定 当数据发生变化是，vue自动更新视图 。 这个原理是用了es6的 Object.definedProperty 中的setter/getter 代理数据，监控对数据的操作。 所以使