笔记 脚手架文件结构 ├── 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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            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/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评论
                            
                                                 
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <link rel="stylesheet" href="bs/css/boo            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-09-09 14:24:27
                            
                                86阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            01-Vue中多层组件通信<div id="app">    <my-parent :imgtitle="title" :imgsrc="img"><            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-04 11:01:22
                            
                                84阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            01-Vue的初体验// 1. 创建Vue的实例    <div id="app">       <p>{{message}}</p>            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-04 11:20:10
                            
                                58阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <link rel="stylesheet" href="bs/css/boo            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-04 11:20:30
                            
                                83阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            接着前面的内容: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评论