码农知识堂 - 1000bd
Python
PHP
JS/TS
JAVA
C/C++
C#
GO
Kotlin
Swift
vue学习(一)
1.vue是用于构建用户界面的渐进式js框架,自底向上逐层的应用:
简单应用:只需一个轻量小巧的核心库;
复杂应用:可以引入各式各样的vue插件;
2.vue特点:
采用组件化模式,提高代码复用率,更好维护(一个vue文件包含html css js,就是一个组件)
声明式编码,编码人员无需直接操作dom,提高开发效率
使用虚拟dom+优秀的diff算法,尽量复用dom节点
3.官网地址:cn.vuejs.org
风格指南:代码风格指南,个人习性写法差异参考
cookbook:编码技巧
团队:一些插件,代码例子
4.初始vue
创建vue实例,传入一个配置对象(指定容器)
vue实例和容器一一对应
容器代码依旧符合html规范,只不过混入特殊vue语法
data数据改变,页面用到data的地方自动变
5.vue模版语法两大类
插值语法:
功能:解析标签体内容
写法:{{xx}} xx要写js表达式,xx自动读取到data所有属性
指令语法:
功能:解析标签(包括:标签属性,标签体内容,绑定事件.......)
写法:v-bind:href="xx" 简写为 :href="xx", xx要写js表达式,xx自动读取到data所有属性
PS: vue中有很多指令 形式:v-????
6.vue中有两种数据绑定方式
v-bind:数据只能从data流向页面
v-model 数据双向流通 简写形式 v-model="name"
7.关于el 和 data
el除了初始化配置,也可以后续通过vue实例vm.$mount('#root')指定
data除了对象示,也可以使用函数式:data(){
...
return{name:'china'}
}
8.vue设计参考mvvm,v不仅可以使用data里面的,也可以使用默认vm里面的数据
相关阅读:
遇见问题:使用mybaties向数据库中插入数据,idea显示插入成功,但是数据库中并没有数据变化?
【图像重建】基于先验和运动的重建 (PRIMOR)实现口腔CT图像重建附matlab代码和论文
在jupyter中更改、增加内核
英语语音篇 - 元音自然拼读
反序列化漏洞复现(typecho)
BGP笔记
实体店引流客户的最快方法是什么?线上短视频+直播引流!
微服务 BFF 架构设计
前端组件库造轮子——Message组件开发教程
⑩ vue新特性
原文地址:https://blog.csdn.net/xiao2218897/article/details/139703842
最新文章
C++11 线程同步接口std::condition_variable和std::future的简单使用
Go runtime 调度器精讲(十一):总览全局
Spring框架漏洞总结
Angular 18+ 高级教程 – 国际化 Internationalization i18n
基于Tauri2+Vue3搭建桌面端程序|tauri2+vite5多窗口|消息提醒|托盘闪烁
ComfyUI 基础教程(五) —— 应用 IP-Adapter 实现图像风格迁移
网络空间的“边水往事”?针对华语黑产及用户进行攻击的 APT-K-UN3 活动分析
伪装“黑神话悟空修改器”传播木马的活动分析
全球蓝屏后,微软决定将安全踢出Windows内核
Java读取寄存器数据的方法
热门文章
十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
奉劝各位学弟学妹们,该打造你的技术影响力了!
五年了,我在 CSDN 的两个一百万。
Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
面试官都震惊,你这网络基础可以啊!
你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
心情不好的时候,用 Python 画棵樱花树送给自己吧
通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
13 万字 C 语言从入门到精通保姆级教程2021 年版
10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系
2656653265@qq.com
京ICP备2022015340号-1
正则表达式工具
cron表达式工具
密码生成工具
京公网安备 11010502049817号