Vue.js
关注
分享
扫一扫
小伟同学
不那么程序的程序媛
展开
-
Vue.js简介
什么是Vue.jsVue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，...原创 2019-06-13 08:48:25 · 267 阅读 · 0 评论 -
Vue.js基本代码结构和插值表达式
Vue - 基本的代码结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...原创 2019-06-13 09:21:16 · 352 阅读 · 0 评论 -
Vue.js基本指令v-text，v-html，v-bind，v-on
先记住这句话：Vue.js的指令都是带有 v- 前缀的。Vue指令 v-text在vue.js中我们除了使用插值表达式将data中包含属性的属性值在标签中进行展示之外，我们还可以通过指令将其展示出来v-text会覆盖元素中原本的内容，但是 插值表达式 只会替换自己的这个占位符，不会把 整个元素的内容清空v-text只会显示文本内容，并不会显示标签<body> ...原创 2019-06-13 10:04:22 · 719 阅读 · 0 评论 -
Vue.js v-on指令的事件修饰符
Vue指令 v-on 事件修饰符.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件侦听器时使用事件捕获模式.self 只当事件在该元素本身（比如不是子元素）触发时触发回调.once 事件只触发一次<!DOCTYPE html><html lang="en">...原创 2019-06-13 10:11:36 · 965 阅读 · 0 评论 -
Vue.js基础 v-on实例——跑马灯效果
<!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-Co...原创 2019-06-13 10:28:42 · 269 阅读 · 0 评论