- 博客(6)
- 收藏
- 关注
RSS订阅原创 Vue使用日记（7）：组件的data数据存放
组件是一个单独功能模块的封装：这个模块有属于自己的HTML模板，也应该有属于自己的data数据。组件中的数据保存在哪？组件的data能不能保存在Vue实例上呢？经过测试，在组件中不能直接访问Vue实例中的data。即便能访问，如果将所有的数据都放在Vue实例中，Vue实例会变得非常臃肿。<div id="app"> <my-cpn></my-...
2019-07-16 23:53:40
1236
原创 Vue使用日记（6）：Vue组件化理解（二）
全局组件和局部组件前面我们使用Vue.component()的方式注册组件时，注册的组件是全局的，这意味着该组件可以在任意Vue实例下使用。如果将这个组件挂载到某一个Vue实例中，该组件就是一个局部组件了。const myComponent = Vue.extend({ template:` <div> <h2>我是标题&l...
2019-07-15 23:22:06
120
原创 Vue使用日记（5）：Vue组件化理解（一）
Vue组件化开发 组件化是Vue.js中的重要思想，任何应用都可以拆分成一个个组件进行管理和复用，如果将整个应用比喻成一棵树，那么这个应用会自上而下被拆分成独立的模块，形成一棵“组件树”。注册组件的基本步骤：1）创建组件构造器：调用Vue.extends()创建组件构造器；2）注册组件：调用Vue.component()注册组件；3）使用组件：在Vue实例作...
2019-07-15 21:49:48
731
原创 Vue使用日记（4）：Vue常用指令总结（三）
9、v-model表单元素在实际开发中很常见，比如用户信息、申请信息等，都需要大量的表单。Vue中使用v-model实现表单元素和数据的双向绑定。<template> <div id="app"> <input type="text" v-model="message"> <h2>{{message}}</h2...
2019-07-11 00:20:03
190
原创 Vue使用日记（3）：Vue常用指令总结（二）
6、v-if、v-else-if、v-else这三个指令与JavaScript的条件语句if、else、else if类似。可根据这些指令后面紧跟的表达式的值，决定在页面是渲染还是销毁某些元素或组件。v-if后面可直接显式指定false或true，false时对应的元素及其子元素不会渲染。<!-- 不常用 --><div v-if="false">大于9...
2019-07-10 23:41:42
147
原创 Vue使用日记（2）：Vue常用指令总结（一）
Vue中定义了很多指令供我们使用，使视图按照我们的意愿进行渲染。下面逐一进行说明。1、v-once1）该指令后面不跟任何内容；2）该指令表示元素或组件只渲染一次。<div id="app"><h2 v-once>{{message}}</h2></div>new Vue({ el:"#app", d...
2019-07-03 00:45:50
223
ADE20K语义分割色彩参考表格
2023-12-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人