Vue
关注
分享
扫一扫
未来之道
信之便能成之。
展开
-
Vue.js入门教程—条件语句(8)
目录 前言 一、条件语句 二、使用 1. v-if 2. v-else-if 3. v-else 4. v-show 5. 组合输出 前言 当有一天，你只管去做的时候，就离成功不远了。 一、条件语句 Vue.js中的条件有四个 v-if v-if-else v-else v-show 二、使用 1. v-if <div id="app"> <template v-if="score >= 60">及...原创 2021-06-28 15:03:39 · 210 阅读 · 0 评论 -
Vue.js入门教程—样式绑定(7)
文章目录 目录 一、样式绑定 二、使用 1.v-bind:class 2.v-bind:style 总结 一、样式绑定 v-bind:class v-bind:style 二、使用 1.v-bind:class 1.1 变量绑定 <div id="app"> <span v-bind:class="{'text-red': isActive}"></span> </div...原创 2021-06-25 16:02:17 · 146 阅读 · 0 评论 -
Vue.js入门教程—模板语法(6)
Vue.js入门教程—模板语法(6) 文章目录Vue.js入门教程—模板语法(6)一、模板语法 一、模板语法 模板语法的主要作用就是，为了格式化输出和显示变量的内容, 主要方式有如下几种： {{}} Mustache 语法, 可以支持JavaScript的表达方式。 v-html指令 以HTML格式输出内容 v-text指令 以TEXT方式输出内容 ...原创 2021-05-28 10:14:16 · 196 阅读 · 1 评论 -
Vue.js入门教程—双向数据绑定(5)
Vue.js+WebStorm入门教程—双向数据绑定(5) 文章目录Vue.js+WebStorm入门教程—双向数据绑定(5)一、双向数据绑定二、使用步骤1. 定义变量2. 绑定到文本框3. 运行效果源码 一、双向数据绑定 双向数据绑定，最早的概念来源于angular.js. 当视图层的数据发生变化, 数据也会发生相应的变化。 二、使用步骤 1. 定义变量 new Vue({ el: '#app', data: { message: "" //定义原创 2021-05-27 10:52:01 · 87 阅读 · 0 评论 -
Vue.js入门教程—NPM安装(2)
Vue.js 入门教程—Npm安装 文章目录Vue.js 入门教程—Npm安装一、NPM是什么？二、使用步骤1. 下载node.js2. 安装node.js3. 查看版本总结 一、NPM是什么？ NPM是一个node.js下面的一个依赖包安装工具，可以用来安装常用的js依赖，有点类似后端的Maven,Gradle框架之类的。在前端中会经常用到。 二、使用步骤 1. 下载node.js 访问官网：https://nodejs.org/en/download/ LTS （Long Time Support原创 2021-05-26 11:37:14 · 290 阅读 · 0 评论 -
Vue.js入门教程—快速起步(4)
1. 开始 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message}} </div> <script src="js/vue.js"></script>原创 2021-05-25 18:36:49 · 119 阅读 · 0 评论 -
Vue.js入门教程—创建项目(3)
2.1 兼容性 Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。 2.2 Vue Devtools 在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用。 2.3 使用方式 1. CDN //制作原型或学习 <script src="https://cdn.jsdelivr.net/npm/vue/dist/v原创 2021-05-25 18:35:00 · 222 阅读 · 0 评论 -
Vue.js入门教程—介绍 (1)
Vue.js 入门教程（1） 每天学习一点新知识，每天都有进步。本文章主要是自己学习进行监督。 文章目录Vue.js 入门教程（1）一、Vue.js介绍二、 特点三、架构MVVM 一、Vue.js介绍 Vue (读音 /vjuː/，类似于 view) 作者：尤雨溪 作者从 Angular中提炼出最喜欢的部分，取名叫Vue.js 二、 特点 简单易用，只要简单基础就能使用 渐进式框架 Vue 被设计为可以自底向上逐层应用, 简单的一句话来说就是东西可以一点点逐渐增加和集成。 双向数据绑定 单页面应用原创 2021-05-25 18:11:47 · 172 阅读 · 0 评论