![](https://img-blog.csdnimg.cn/20200730163706699.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue的声明式渲染
ShawnYue_08
这个作者很懒,什么都没留下…
展开
-
5、组件基础、组件注册、全局组件和局部组件、组件模板抽离
文章目录基本示例组件的复用data必须是一个函数组件的组织组件注册组件名全局注册局部注册组件模板抽离 基本示例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="components-demo"> <button-counter>&原创 2020-08-07 12:56:44 · 489 阅读 · 0 评论 -
4、v-cloak指令、v-text、v-html、v-once、v-pre、切换图片案例、v-model
文章目录v-cloakv-text和v-htmlv-pre和v-oncev-for、v-bind结合v-on、v-bind、watch的结合v-model原理v-model结合radiov-model结合checkboxv-model结合selectv-model修饰符lazy修饰符number修饰符trim修饰符 v-cloak <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tit原创 2020-08-07 11:18:08 · 230 阅读 · 0 评论 -
3、Vue案例:音乐播放器(Axios发送AJAX请求)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>天天悦原创 2020-08-03 14:34:35 · 397 阅读 · 0 评论 -
2、Vuestyle属性的绑定、事件处理、条件渲染、列表渲染
文章目录style属性绑定事件处理事件处理方法事件修饰符阻止冒泡阻止默认行为事件触发一次按键修饰符条件渲染v-ifv-else-ifv-show列表渲染遍历数组遍历对象数组更新检测循环案例 style属性绑定 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id原创 2020-08-01 13:04:31 · 389 阅读 · 0 评论 -
1、Vue简介、模板方法、表单输入输出绑定、计算属性、监听器、class属性的绑定
文章目录简介安装介绍HelloWorld模板方法插值表达式属性绑定指令事件绑定指令和切换图片表单输入绑定计算属性侦听器class属性绑定 简介 安装 最新稳定版本:2.6.11。 在使用 Vue 时,我们推荐在你的浏览器上安装Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用。 1、直接用<script>引入 直接下载并用 <script> 标签引入,Vue 会被注册为一个全局变量。 2、CDN 对于制作原型或学习,你可以这样使用最新版本: <scr原创 2020-07-30 16:34:37 · 266 阅读 · 1 评论