- 博客(12)
- 资源 (6)
- 收藏
- 关注
原创 vue3学习随便记10-深入组件(自定义事件、slot)
深入组件自定义事件事件名规则和组件prop一样,即 JS 中 camelCase,HTML中 kebab-case。this.$emit('myEvent')<my-component @my-event="doSomething"></my-component>自定义事件在组件的 emits 选项上定义。如果在 emits 选项中定义了原生事件(如 click),则组件自定义事件将替代原生事件侦听器。与props类似,在 emits 选项定义事件时,可以使用
2021-11-30 11:10:09 563
原创 vue3学习随便记8-属性、事件、插槽、动态组件
组件基础我们其实前面已经看过很多组件的例子,都是用 app.component(...) 注册一个全局组件,组件的“视图”是直接用 template 定义的字符串模板。这样的组件主要用来举例和学习原理,实际工程中通常会使用单文件组件,即一个组件是单个文件定义的(在编译构建系统中常常是 .vue 文件)。组件是自定义元素,可以像元素一样复用,复用时,每个组件都是新的实例,它的属性方法都是它自己的。组件通常可以嵌套组织成树状。模板中要使用组件,必须先注册。注册分为全局注册和局部注册。我们用 ap
2021-11-24 17:01:55 701
原创 vue3学习随便记7-事件与表单
事件处理监听事件其实我们已经用了不少监听事件,即 v-on:click="methodName"(简写为 @click="methodName" )事件处理方法事件处理总是对应一个方法,直接写 JS 代码作为事件处理是不行的。<html><head> <script src="vue.global.js"></script></head><body> <div id="app">
2021-11-23 16:09:34 751
原创 vue3学习随便记6-条件渲染、列表渲染
v-if有v-if并没有v-end,所以v-if必须用在元素上,靠元素本身的配对来决定起止。如<h1 v-if="awesome">Vue is awesome!</h1>有 v-else<h1 v-if="awesome">Vue is awesome!</h1><h1 v-else>Oh no ????</h1>也有 v-else-if (这个使用频率不高)<div v-if="
2021-11-22 15:38:23 478
原创 vue3学习随便记5-计算属性与侦听器、class和style绑定
计算属性和侦听器计算属性计算属性可以避免在模板中放入复杂逻辑,维持模板的清晰。计算属性像属性一样被使用,但可能依赖其他属性,而且它是响应式的。<html><head> <script src="vue.global.js"></script></head><body> <div id="app"> <p>已经出版书籍:</p> &
2021-11-16 16:33:31 1074
原创 vue3学习随便记4-模板语法、property、方法
模板语法插值文本插值:插值 Mustache语法,会将数据解释为普通文本<span>Message: {{ msg }}</span>组件实例 msg property 改变时,插值内容自动改变。如果希望插值处的内容只被替换一次,可以附加使用 v-once 指令<span v-once>这个将不会改变: {{ msg }}</span>原始HTML:Mustache语法会将数据解释为普通文本,如果希望输出HTML,需要使用 v-ht
2021-11-16 11:25:37 1498 1
原创 vue3学习随便记3-组件实例、property、生命周期
应用实例与组件实例创建一个应用实例创建应用实例是通过全局API函数 createApp 实现的,应用有它自己的应用API函数,并且应用API函数的返回值多数是应用自己,所以,可以链式调用<html><head> <script src="vue.global.js"></script></head><body> <div id="app"> <search-inp
2021-11-12 13:46:31 1044
原创 vue3学习随便记2-声明式渲染、处理用户输入、条件与循环
初步学习 Vue的概念,一上来就用 vue-cli 的方式的确是找死,会让自己陷入很多复杂的坑。初次尝试,最好是直接引入。在开始了解 Vue 的概念之前,我们要先来回顾一下 MVC模式、MVVM模式的初步思想。MVC 模式是一种后端考虑思维,是厚重后端的思维。Model负责对来自用户的数据、从数据库获取的数据进行加工,有关业务逻辑的处理,把一定的数据通过Controller提供给 View 层。View 层负责利用所给的数据生成展示用的 HTML、CSS、JS 发送给客户浏览器,如果需要一些前端的效
2021-11-11 16:34:22 1003
原创 vue3学习随便记1-安装(快速上手)
安装 | Vue.js官网文档提到4种安装方式:在页面 CDN包 的形式导入 下载 JavaScript 文件放到自己网站再引入 使用 npm 安装 使用官方 cli 构建项目除了第3种,似乎我都稍微用过一下,第1、2种方式是在网站的局部使用 vue(第一种方式最好确定使用的版本),最后一种是前后端分离下的现代开发方式,是 npm安装方式的拓展(为开发SPA提供了一堆工具,开发后发布时存在编译构建的概念)。当然,使用 uni-app 从某种程度上来说是 npm 安装。我当前系统 Deep
2021-11-09 16:47:17 2176
install-xrdp-Ubuntu18.04-script.zip
2019-09-02
VC技术内幕第6版(2-2)
2008-11-26
VC技术内幕第6版(2-1)
2008-11-26
从托管C++到C++/CLI的参考资料
2008-10-29
VC60中文版类库参考手册
2008-09-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人