笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-26 13:59:00
                            
                                130阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.独立构建vs运行时构建 在按照vue1.0的配置配置好webpack后,会出现Failed to mount component: template or render function not defined. (found in root instance) 的错误,这里涉及到vue2.0与            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-03-18 22:45:00
                            
                                119阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            也不知道哪股风潮,钻研源码竟成了深入理解的标配。我只想说一句,说的很对 准备工作 从GitHub上面下载vue的源码(https://github.com/vuejs/vue) 了解下Flow,Flow 是 facebook 出品的 JavaScript 静态类型检查工具。Vue.js 的源码利用了            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-12-20 15:33:00
                            
                                123阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <el-tooltip v-if="row.explanation && row.explanation.length > 10" popper-class="tableTypePopperClass" effect="light" :content="row.explanation" placem ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-27 12:13:00
                            
                                1839阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue基础知识
    一、vue环境搭建     vue官网地址:https://cn.vuejs.org/index.html准备工作:①安装node.js  查看安装版本:node -v②安装淘宝镜像加速(下载速度会更快)  npm install cnpm③安装vue-cli (vue脚手架)  npm install -g            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-11 09:48:24
                            
                                61阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            接着前面的内容:https://www.cnblogs.com/yanggb/p/12616847.html。 动态组件&异步组件 在前面学习组件基础的时候学习过动态组件,官方文档给出过一个例子:在一个多标签的界面中使用【is】属性来切换不同的组件: <component v-bind:is="cu            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-04-17 07:29:00
                            
                                57阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            一个 Vue.js 应用程序由多个 Vue 实例组成,每个 Vue 实例都代表一个特定的区域内的视图,Vue 实例包含了一个数据模            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-20 00:34:17
                            
                                158阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Object.defineProperty()Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。const object1 = {};
Object.defineProperty(object1, "property1", {
  value: 42,
  writable: false,
});
object1.p            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-26 09:11:41
                            
                                139阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            接着前面的内容:https://www.cnblogs.com/yanggb/p/12577433.html。 列表渲染 vue提供了一个【v-for】指令用于列表渲染(循环)。 用【v-for】指令把一个数组对应为一组元素 我们可以使用【v-for】指令基于一个数组来渲染一个列表。使用【v-for            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-04-08 07:26:00
                            
                                262阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            接着前面的内容:https://www.cnblogs.com/yanggb/p/12586416.html。 表单的输入绑定 表单的输入绑定是一块很重要的内容,因为所有的业务系统都离不开基础表单的录入功能,因此要特别认真仔细地掌握其中的相关知识点。 基础用法 你可以使用【v-model】指令在表单            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-04-11 07:52:00
                            
                                142阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            接着前面的内容:https://www.cnblogs.com/yanggb/p/12592256.html。 组件基础 组件化是vue的一个重要特性,也是vue学习中非常重要的一个知识点。 基础示例 这里有一个vue组件的实例: // 定义一个名为button-counter的新组件 Vue.co            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-04-12 00:17:00
                            
                                105阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            01-Vue中多层组件通信<div id="app">    <my-parent :imgtitle="title" :imgsrc="img"></my-parent></div><template id="my_img">    <img :src=&q            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-09-09 14:24:28
                            
                                164阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            接着前面的内容:https://www.cnblogs.com/yanggb/p/12571171.html。 class与style绑定 操作元素的class列表和内联样式,是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用【v-bind】指令去处理它们,只需要通过表达式计算出字符串的结果            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-04-06 09:17:00
                            
                                111阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            接着前面的内容:https://www.cnblogs.com/yanggb/p/12562137.html。 vue实例 要使用vue提供的特性与功能,都需要通过vue实例来使用。 创建一个vue实例 每一个vue应用,都是通过用Vue函数创建一个新的vue实例开始的。 var vm = new            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-04-03 07:17:00
                            
                                132阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            接着前面的内容:https://www.cnblogs.com/yanggb/p/12595860.html。 组件的注册 注册组件有一些规范约定与注意事项。 组件名的命名规范 在注册一个组件的时候,我们始终需要给它一个名字。比如在前面的全局注册的时候我们已经看到了: Vue.component('            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-04-13 07:27:00
                            
                                60阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            接着前面的内容:https://www.cnblogs.com/yanggb/p/12631279.html。 循环引用 递归组件 组件是可以在它们自己的模板中调用自身的,不过它们只能通过【name】选项来做这件事。 name: 'unique-name-of-my-component' 当你使用【            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-04-20 07:35:00
                            
                                95阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            接着前面的内容:https://www.cnblogs.com/yanggb/p/12629705.html。 处理边界情况 这里记录的都是和处理边界情况有关的功能,即一些需要对vue的规则做一些小调整的特殊情况。不过要注意的是,这些功能都是有劣势或危险的场景的。官方文档中在每个案例中都有注明,所以            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-04-18 07:35:00
                            
                                61阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            接着前面的内容:https://www.cnblogs.com/yanggb/p/12609450.html。 组件的自定义事件 这里来学习一下组件中的自定义事件。 事件名 不同于组件名和prop,事件名不存在任何自动化的大小写转化,而是触发的事件名需要完全匹配监听这个事件所用的名称。 举个例子,如            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-04-15 06:59:00
                            
                                49阅读
                            
                                                                                    
                                2评论