精华内容
下载资源
问答
  • Vue知识点梳理-思维导图0.MVC 与MVVM区别1.Vue基本代码结构2. Vue指令3. Vue组件4.class和style动态绑定5.computed 计算属性6.EventBus7.filter过滤器方法 Vue是一套构建用户界面框架,只关注视图层,它不仅易于...

    Vue是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套的第三方类库,可以整合起来做大型项目的开发)
    在这里插入图片描述

    0.MVC 与MVVM的区别

    • MVC 是后端的分层开发概念;
    • MVVM是前端视图层的概念,主要关注于 视图层分离。MVVM把前端的视图层分为了 三部分 :Model, View , VM ViewModel

    1.Vue基本代码结构

    在这里插入图片描述

    const vm = new Vue({
    	el:'#app',//所有的挂载元素会被 Vue 生成的 DOM 替换
    	data:{ // this->window },
    	methods:{ // this->vm},
    	//注意,不应该使用箭头函数来定义 method 函数 ,this将不再指向vm实例
    	props:{} ,// 可以是数组或对象类型,用于接收来自父组件的数据
    	//对象允许配置高级选项,如类型检测、自定义验证和设置默认值
    	watch:{ // this->vm},
    	computed:{},
    	render(){},
    	// 声明周期钩子函数
    })
    

    当一个 Vue 实例被创建时,它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。
    例外:Vue实例外部新增的属性改变时不会更新视图。
    Object.freeze(),会阻止修改现有的 property,响应系统无法追踪其变化。

    实例属性和方法

    • 访问el属性:vm.$el , document.getElemnetById(‘app’);
    • 访问data属性:vm.$data
      以 _ 或 $ 开头的 property 不会被 Vue 实例代理,因为它们可能和 Vue 内置的 property、API 方法冲突。你可以使用例如 vm.$data._property 的方式访问这些 property。
    • 访问data中定义的变量 : vm.a , vm.$data.a
    • 访问methods中的方法:vm.方法名()
    • 访问watch方法:vm.$watch()

    不要在选项 property 或回调上使用箭头函数,this将不会指向Vue实例
    比如created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod())。
    因为箭头函数并没有 this,this 会作为变量一直向上级词法作用域查找,直至找到为止,经常导致 Uncaught TypeError: Cannot read property of undefined 或 Uncaught TypeError: this.myMethod is not a function 之类的错误。

    2. Vue指令

    在这里插入图片描述
    插入数据:

    • 插值表达式相当于占位符,不会清空元素中的其他内容。直接写在标签中。会将html标签作为文本显示。
    • v-text会覆盖元素中原本的内容。写在开始标签中,以属性的形式存在。会将html标签作为文本显示。
    • v-html (innerHTML)会覆盖元素中原本的内容,会将数据解析成html标签。

    在这里插入图片描述

    3. Vue组件

    在这里插入图片描述
    组件配置对象 和 vue实例的区别

    • 组件配置对象没有el,组件模板定义在template中;
    • 组件配置对象中data是函数,该函数返回的对象作为数据。

    创建组件模板

    • 方法一
    var com = Vue.extend({
    	//通过template属性 指定组件要展示的html结构
    	template:'<h3>这是使用Vue.extend搭建的全局组件</h3>'	
    })
    
    • 方法二:使用对象创建模板
    {
    	template:'<h3>这是使用Vue.extend搭建的全局组件-com3</h3>'						
    }
    
    • 方法三:使用 template标签(写在受控区域外面) 创建模板,通过id建立联系
    <template id="tmpl"> 写在受控区域外面
    	 ......
    </template>	
    
    {	template:'#tmpl'  }
    

    组件中的data是一个函数的原因

    • 多次使用该组件,如果修改其中一个中的数据,另一个也会改变。
    • 写成函数的形式,每次调用函数,返回一个新的对象

    ref属性

    • 获取dom元素/组件:标签上添加ref属性, this.$refs.ref属性值 获取该dom元素/组件。
    • this.$refs.ref属性值 .变量名 获取组件中的数据
    • this.$refs.ref属性值 .方法名() 获取组件中的方法

    $parent$children 获取 父/子组件的数据和方法

    • this.$parent获取父组件
    • $children 由于子组件的个数不确定 返回的是一个数组 ,不是对象
    • this.$children[0] 获取第一个子组件

    作用域插槽:父组件替换插槽的标签,内容由子组件决定。

    编译的作用域:自身的数据在自身模板template标签中生效
    
    • 插槽上添加 属性绑定 :data=’子组件中的数据’
    • 父组件通过template 标签,添加 slot-scope=’slot’ slot-scope属性接收子组件中的数据(slot.data)
    • template 标签中的html结构替换 slot 插槽中的默认html结构。

    4.class和style动态绑定

    在这里插入图片描述

    5.computed 计算属性

    在这里插入图片描述

    6.EventBus

    在这里插入图片描述

    7.filter过滤器方法

    在这里插入图片描述
    本文总结自

    1. https://blog.csdn.net/Conradine_Lian/article/details/106884122?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param
    2. https://blog.csdn.net/ZiChen_Jiang/article/details/107806841

    仅供学习使用,如若侵权,请联系删除

    展开全文
  • Vue思维导图目录 MVC与MVVM区别 Vue基本代码结构 Vue指令 Vue组件 class和style动态绑定 computed计算属性 EventBus filter过滤器方法 Vue是一套构建用户界面框架,...

    Vue思维导图目录

     

    1. MVCMVVM的区别

    2. Vue基本代码结构

    3. Vue指令

    4. Vue组件

    5. classstyle动态绑定

    6. computed计算属性

    7. EventBus

    8. filter过滤器方法

    Vue是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套的第三方类库,可以整合起来做大型项目的开发)

    0.MVC 与MVVM的区别

    • MVC是后端的分层开发概念;

    • MVVM是前端视图层的概念,主要关注于 视图层分离MVVM把前端的视图层分为了三部分:Model,View,VM ViewModel

    1.Vue基本代码结构

    const vm = new Vue({
     el:'#app',//所有的挂载元素会被 Vue 生成的 DOM 替换
     data:{ // this->window },
     methods:{ // this->vm},
     //注意,不应该使用箭头函数来定义 method 函数 ,this将不再指向vm实例
     props:{} ,// 可以是数组或对象类型,用于接收来自父组件的数据
     //对象允许配置高级选项,如类型检测、自定义验证和设置默认值
     watch:{ // this->vm},
     computed:{},
     render(){},
     // 声明周期钩子函数
    })
    

    当一个Vue实例被创建时,它将data对象中的所有的property加入到Vue的响应式系统中。当这些property的值发生改变时,视图将会产生 响应,即匹配更新为新的值。

    例外:

    • Vue实例外部新增的属性改变时不会更新视图。

    • Object.freeze(),会阻止修改现有的property,响应系统无法追踪其变化。

    实例属性和方法

    • 访问el属性:vm.$el,`document.getElemnetById(‘app’)``;

    • 访问data属性:vm.$data

    • _$开头的property不会被Vue实例代理,因为它们可能和Vue内置的propertyAPI方法冲突。你可以使用例如vm.$data._property的方式访问这些property

    • 访问data中定义的变量:vm.a,vm.$data.a

    • 访问methods中的方法:vm.方法名()

    • 访问watch方法:vm.$watch()

    不要在选项property或回调上使用箭头函数,this将不会指向Vue实例 比如created: () => console.log(this.a)vm.$watch('a', newValue => this.myMethod())

    因为箭头函数并没有thisthis会作为变量一直向上级词法作用域查找,直至找到为止,经常导致Uncaught TypeError: Cannot read property of undefinedUncaught TypeError: this.myMethod is not a function之类的错误。

    2. Vue指令

    插入数据:

    • 插值表达式相当于占位符,不会清空元素中的其他内容。直接写在标签中。会将html标签作为文本显示。

    • v-text会覆盖元素中原本的内容。写在开始标签中,以属性的形式存在。会将html标签作为文本显示。

    • v-html(innerHTML)会覆盖元素中原本的内容,会将数据解析成html标签。

    3. Vue组件

    组件配置对象和vue实例的区别

    • 组件配置对象没有el,组件模板定义在template中;

    • 组件配置对象中data是函数,该函数返回的对象作为数据。

    创建组件模板

    • 方法一

    var com = Vue.extend({
     //通过template属性 指定组件要展示的html结构
     template:'<h3>这是使用Vue.extend搭建的全局组件</h3>' 
    })
    
    • 方法二:使用对象创建模板

    {
     template:'<h3>这是使用Vue.extend搭建的全局组件-com3</h3>'      
    }
    
    • 方法三:使用template标签(写在受控区域外面)创建模板,通过id建立联系

    <template id="tmpl"> 写在受控区域外面
      ......
    </template> 
    
    { template:'#tmpl'  }
    

    组件中的data是一个函数的原因

    • 多次使用该组件,如果修改其中一个中的数据,另一个也会改变。

    • 写成函数的形式,每次调用函数,返回一个新的对象

    ref属性

    • 获取dom元素/组件:标签上添加ref属性,this.$refs.ref属性值获取该dom元素/组件

    • this.$refs.ref属性值.变量名获取组件中的数据

    • this.$refs.ref属性值.方法名()获取组件中的方法

    $parent 和 $children 获取 父/子组件的数据和方法

    • this.$parent获取父组件

    • $children由于子组件的个数不确定 返回的是一个数组 ,不是对象

    • this.$children[0]获取第一个子组件

    作用域插槽:父组件替换插槽的标签,内容由子组件决定。

    编译的作用域:自身的数据在自身模板template标签中生效

    • 插槽上添加 属性绑定data=’子组件中的数据’

    • 父组件通过template标签,添加slot-scope=’slot’ slot-scope属性接收子组件中的数据slot.data

    • template标签中的html结构替换slot插槽中的默认html结构。

    4.class和style动态绑定

    5.computed 计算属性

    6.EventBus

    7.filter过滤器方法

    展开全文
  • Vue思维导图目录MVC与MVVM区别Vue基本代码结构Vue指令Vue组件class和style动态绑定computed计算属性EventBusfilter过滤器方法Vue是一套构建用户界面框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有...

    Vue思维导图目录

    1. MVCMVVM的区别
    2. Vue基本代码结构
    3. Vue指令
    4. Vue组件
    5. classstyle动态绑定
    6. computed计算属性
    7. EventBus
    8. filter过滤器方法

    Vue是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套的第三方类库,可以整合起来做大型项目的开发)

    8bc6e0e0b1d011a54603eda1c8f0141f.png

    0.MVC 与MVVM的区别

    • MVC是后端的分层开发概念;
    • MVVM是前端视图层的概念,主要关注于 视图层分离MVVM把前端的视图层分为了三部分:Model,View,VM ViewModel

    1.Vue基本代码结构

    a5a70555469574dc3a94c8b271f107dc.png
    const vm = new Vue({
     el:'#app',//所有的挂载元素会被 Vue 生成的 DOM 替换
     data:{ // this->window },
     methods:{ // this->vm},
     //注意,不应该使用箭头函数来定义 method 函数 ,this将不再指向vm实例
     props:{} ,// 可以是数组或对象类型,用于接收来自父组件的数据
     //对象允许配置高级选项,如类型检测、自定义验证和设置默认值
     watch:{ // this->vm},
     computed:{},
     render(){},
     // 声明周期钩子函数
    })
    

    当一个Vue实例被创建时,它将data对象中的所有的property加入到Vue的响应式系统中。当这些property的值发生改变时,视图将会产生 响应,即匹配更新为新的值。

    例外:

    • Vue实例外部新增的属性改变时不会更新视图。
    • Object.freeze(),会阻止修改现有的property,响应系统无法追踪其变化。

    实例属性和方法

    • 访问el属性:vm.$el,`document.getElemnetById(‘app’)``;
    • 访问data属性:vm.$data
    • _$开头的property不会被Vue实例代理,因为它们可能和Vue内置的propertyAPI方法冲突。你可以使用例如vm.$data._property的方式访问这些property
    • 访问data中定义的变量:vm.a,vm.$data.a
    • 访问methods中的方法:vm.方法名()
    • 访问watch方法:vm.$watch()

    不要在选项property或回调上使用箭头函数,this将不会指向Vue实例 比如created: () => console.log(this.a)vm.$watch('a', newValue => this.myMethod())

    因为箭头函数并没有thisthis会作为变量一直向上级词法作用域查找,直至找到为止,经常导致Uncaught TypeError: Cannot read property of undefinedUncaught TypeError: this.myMethod is not a function之类的错误。

    2. Vue指令

    a4b6e610272b28c1bd0de8e8da8b8e74.png

    插入数据:

    • 插值表达式相当于占位符,不会清空元素中的其他内容。直接写在标签中。会将html标签作为文本显示。
    • v-text会覆盖元素中原本的内容。写在开始标签中,以属性的形式存在。会将html标签作为文本显示。
    • v-html(innerHTML)会覆盖元素中原本的内容,会将数据解析成html标签。

    de4a88ca1764027b20d8ad4c8962f62a.png

    3. Vue组件

    e9fd24e92b2e13c265267806b42a5cc6.png

    组件配置对象和vue实例的区别

    • 组件配置对象没有el,组件模板定义在template中;
    • 组件配置对象中data是函数,该函数返回的对象作为数据。

    创建组件模板

    • 方法一
    var com = Vue.extend({
     //通过template属性 指定组件要展示的html结构
     template:'<h3>这是使用Vue.extend搭建的全局组件</h3>' 
    })
    
    • 方法二:使用对象创建模板
    {
     template:'<h3>这是使用Vue.extend搭建的全局组件-com3</h3>'      
    }
    
    • 方法三:使用template标签(写在受控区域外面)创建模板,通过id建立联系
    <template id="tmpl"> 写在受控区域外面
      ......
    </template> 
    
    { template:'#tmpl'  }
    

    组件中的data是一个函数的原因

    • 多次使用该组件,如果修改其中一个中的数据,另一个也会改变。
    • 写成函数的形式,每次调用函数,返回一个新的对象

    ref属性

    • 获取dom元素/组件:标签上添加ref属性,this.$refs.ref属性值获取该dom元素/组件
    • this.$refs.ref属性值.变量名获取组件中的数据
    • this.$refs.ref属性值.方法名()获取组件中的方法

    $parent$children 获取 父/子组件的数据和方法

    • this.$parent获取父组件
    • $children由于子组件的个数不确定 返回的是一个数组 ,不是对象
    • this.$children[0]获取第一个子组件

    作用域插槽:父组件替换插槽的标签,内容由子组件决定。

    编译的作用域:自身的数据在自身模板template标签中生效
    • 插槽上添加 属性绑定data=’子组件中的数据’
    • 父组件通过template标签,添加slot-scope=’slot’ slot-scope属性接收子组件中的数据slot.data
    • template标签中的html结构替换slot插槽中的默认html结构。

    4.class和style动态绑定

    绑定

    dc162ff5488b50415e28adc119f17802.png

    5.computed 计算属性

    f0084e9f23176740d32da2d8db056388.png

    6.EventBus

    7d99ac6aeb40192b480f63841f6d056b.png

    7.filter过滤器方法

    629d76c991b3645ec58fd58ac90d7e40.png
    原作者姓名:1024 FED
    原出处:腾讯云
    原文链接:面试必备 Vue 知识点 - 云+社区 - 腾讯云
    展开全文
  • Vue思维导图目录MVC与MVVM区别Vue基本代码结构Vue指令Vue组件class和style动态绑定computed计算属性EventBusfilter过滤器方法Vue是一套构建用户界面框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有...

    Vue思维导图目录

    1. MVCMVVM的区别
    2. Vue基本代码结构
    3. Vue指令
    4. Vue组件
    5. classstyle动态绑定
    6. computed计算属性
    7. EventBus
    8. filter过滤器方法

    Vue是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套的第三方类库,可以整合起来做大型项目的开发)

    9cd1f9b0ab1e80043640f7d3cb5890a3.png

    0.MVC 与MVVM的区别

    • MVC是后端的分层开发概念;
    • MVVM是前端视图层的概念,主要关注于 视图层分离MVVM把前端的视图层分为了三部分:Model,View,VM ViewModel

    1.Vue基本代码结构

    5fde5916ddfe3d987919c87f0658c55c.png
    const vm = new Vue({
     el:'#app',//所有的挂载元素会被 Vue 生成的 DOM 替换
     data:{ // this->window },
     methods:{ // this->vm},
     //注意,不应该使用箭头函数来定义 method 函数 ,this将不再指向vm实例
     props:{} ,// 可以是数组或对象类型,用于接收来自父组件的数据
     //对象允许配置高级选项,如类型检测、自定义验证和设置默认值
     watch:{ // this->vm},
     computed:{},
     render(){},
     // 声明周期钩子函数
    })
    

    当一个Vue实例被创建时,它将data对象中的所有的property加入到Vue的响应式系统中。当这些property的值发生改变时,视图将会产生 响应,即匹配更新为新的值。

    例外:

    • Vue实例外部新增的属性改变时不会更新视图。
    • Object.freeze(),会阻止修改现有的property,响应系统无法追踪其变化。

    实例属性和方法

    • 访问el属性:vm.$el,`document.getElemnetById(‘app’)``;
    • 访问data属性:vm.$data
    • _$开头的property不会被Vue实例代理,因为它们可能和Vue内置的propertyAPI方法冲突。你可以使用例如vm.$data._property的方式访问这些property
    • 访问data中定义的变量:vm.a,vm.$data.a
    • 访问methods中的方法:vm.方法名()
    • 访问watch方法:vm.$watch()

    不要在选项property或回调上使用箭头函数,this将不会指向Vue实例 比如created: () => console.log(this.a)vm.$watch('a', newValue => this.myMethod())

    因为箭头函数并没有thisthis会作为变量一直向上级词法作用域查找,直至找到为止,经常导致Uncaught TypeError: Cannot read property of undefinedUncaught TypeError: this.myMethod is not a function之类的错误。

    2. Vue指令

    e60abcc495e26c676bcf1b99b35ebfb2.png

    插入数据:

    • 插值表达式相当于占位符,不会清空元素中的其他内容。直接写在标签中。会将html标签作为文本显示。
    • v-text会覆盖元素中原本的内容。写在开始标签中,以属性的形式存在。会将html标签作为文本显示。
    • v-html(innerHTML)会覆盖元素中原本的内容,会将数据解析成html标签。

    11495c71226bb681fd18f523d458648b.png

    3. Vue组件

    0f634eb61211f5cdbe9d9db73685846b.png

    组件配置对象和vue实例的区别

    • 组件配置对象没有el,组件模板定义在template中;
    • 组件配置对象中data是函数,该函数返回的对象作为数据。

    创建组件模板

    • 方法一
    var com = Vue.extend({
     //通过template属性 指定组件要展示的html结构
     template:'<h3>这是使用Vue.extend搭建的全局组件</h3>' 
    })
    
    • 方法二:使用对象创建模板
    {
     template:'<h3>这是使用Vue.extend搭建的全局组件-com3</h3>'      
    }
    
    • 方法三:使用template标签(写在受控区域外面)创建模板,通过id建立联系
    <template id="tmpl"> 写在受控区域外面
      ......
    </template> 
    
    { template:'#tmpl'  }
    

    组件中的data是一个函数的原因

    • 多次使用该组件,如果修改其中一个中的数据,另一个也会改变。
    • 写成函数的形式,每次调用函数,返回一个新的对象

    ref属性

    • 获取dom元素/组件:标签上添加ref属性,this.$refs.ref属性值获取该dom元素/组件
    • this.$refs.ref属性值.变量名获取组件中的数据
    • this.$refs.ref属性值.方法名()获取组件中的方法

    $parent$children 获取 父/子组件的数据和方法

    • this.$parent获取父组件
    • $children由于子组件的个数不确定 返回的是一个数组 ,不是对象
    • this.$children[0]获取第一个子组件

    作用域插槽:父组件替换插槽的标签,内容由子组件决定。

    编译的作用域:自身的数据在自身模板template标签中生效
    • 插槽上添加 属性绑定data=’子组件中的数据’
    • 父组件通过template标签,添加slot-scope=’slot’ slot-scope属性接收子组件中的数据slot.data
    • template标签中的html结构替换slot插槽中的默认html结构。

    4.class和style动态绑定

    绑定

    8de5bad2748b6ac5c9d1948b49ba9113.png

    5.computed 计算属性

    e09247dac5d3c2a7f1ea6e2c250c04d6.png

    6.EventBus

    60c00deacdb97faee9919c3a80fad550.png

    7.filter过滤器方法

    dc2f192395d19737781af97a66a99413.png
    原作者姓名:1024 FED
    原出处:腾讯云
    原文链接:面试必备 Vue 知识点 - 云+社区 - 腾讯云
    展开全文
  • Vue是一套构建用户界面框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套第三方类库,可以整合起来做大型项目的开发) MVC 与MVVM区别 MVC 是后端分层开发概念; MVVM是...
  • 记得先点web前端学习圈关注我哦~Vue思维导图目录MVC与MVVM区别Vue基本代码结构Vue指令Vue组件class和style动态绑定computed计算属性EventBusfilter过滤器方法Vue是一套构建用户界面框架,只关注视图层,它不仅...
  • vuejs目录结构启动项目安装nodejs命令,api配置信息思维导图版 vuejs技术交流QQ群:458915921 有兴趣可以加入 vuejs 目录结构 build build.js check-versions.js utils.js vue-loader.conf.js webpack....
  • 使用Vue组件创建流程图或层次结构系统 易于扩展逻辑 拖放事件 使用节点树中任何组件,支持可变宽度 基于 (可选) 应用扩展程序 :page_facing_up: 说明/文档/示例 :gear: 事态发展 npm run serve 在开发模式...
  • 使用vue-cli创建的项目结构详细介绍 介绍下使用vue-cli快速创建vue项目的结构介绍 这是使用命令 vue webpack init demo20190720 创建的项目,关于之前的准备工作就不再赘述了。 这是对目录文件介绍的思维导图 ...
  • 1. 了解需求,熟悉掌握需求这一要求无论是对于前端...但是单独只是对需求文档和原型进行阅读是比较容易遗漏某些功能点,最好能够对项目重新设计一张 思维导图 ,从开发自己角度进行设计,从项目整体根节点出发...
  • new Vue()初始化过程详析一... 思维导图2. 源码解析2.1 扩展$mount()方法2.2 src/platforms/web/runtime/index.js2.2.1 定义__patch__方法。2.2.2 实现$mount()。2.3 核心源码src/core/index.js2.3.1 初始化全局API
  • 相关项目交付前端框架改造,为方便大家...VUE知识结构(思维导图)01前端框架是什么早期前端比较简单,页面以浏览型为主,简单表单操作,每个界面上只有很少JavaScript逻辑,基本不需要框架。随着AJAX出现,W...
  • Vue思维导图目录MVC与MVVM区别Vue基本代码结构Vue指令Vue组件class和style动态绑定computed计算属性EventBusfilter过滤器方法Vue是一套构建用户界面框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有...
  • Vue思维导图目录MVC与MVVM区别Vue基本代码结构Vue指令Vue组件class和style动态绑定computed计算属性EventBusfilter过滤器方法Vue是一套构建用户界面框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有...
  • 首先简单看一下项目结构,已经写好了一张思维导图。 首先实战一个vue项目肯定要下载node,用到npm工具。下载vue-cli脚手架搭建vue项目框架。由于这个项目是用到git代码管理我也把码云上地址放上来。 仓库地址: ...
  • 树组件应用场景很多,比如一篇文章目录、一个公司部门组织情况、思维导图等,其实都可以用树形结构来描述。本文讲述一下Vue中树组件简单实现。树组件在线体验地址:http://wintc.top/laboratory/#/tr...
  • 树组件应用场景很多,比如一篇文章目录、一个公司部门组织情况、思维导图等,其实都可以用树形结构来描述。本文讲述一下Vue中树组件简单实现。树组件在线体验地址:http://wintc.top/laboratory/#/tr...
  • 首页 (思维导图(树状图)) 文章 (文章列表,个人分类,热门文章,文章详情,文章目录结构) 留言(登录,留言) 作品 (历年来的项目地址) 关于(关于项目介绍) 登录 (普通登录,Github登录) Admin 后台...
  • 思维导图设计工具 http://www.edrawsoft.cn/mindmaster ScreenToGif gif录制工具 https://www.screentogif.com/ ProcessOn 流程图绘制工具 https://www.processon.com/ PicPick 图片处理工具 ...
  • 最近把基础部分的内容重新创建了一个名为“Python-Core-50-Courses”的项目,用更为简单通俗的方式重写了这部分内容并附带了视频讲解,初学者可以关注下这个新项目。国内用户如果访问GitHub比较慢的话,也可以关注我...

空空如也

空空如也

1 2
收藏数 22
精华内容 8
关键字:

vue的项目结构思维导图

vue 订阅