Vue.js
喜狼狼与灰太杨
不要给我送花啦,我的坟头自己会长
展开
-
Node.js的下载安装与使用
Node.js是一种运行在服务端的JavaScript,是一个基于Chrome JavaScript 运行时建立的一个平台。它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。官网下载https://nodejs.org/en/我下载的是node-v12.18.3-x64.msi运行安装安装时我们一直点击next就好然后我们打开命令提示符,输入node -v然后回车,可以查看安装的node.js版本。安装成功后需要把电脑重启或是注销一原创 2020-08-09 01:24:52 · 438 阅读 · 0 评论 -
Vue.js学习笔记(八):组件
本章涉及:1. 全局主键注册与调用2. 局部组建注册与调用3. Prop,动态Prop与Prop验证4. 自定义验证Component全局主键注册:Vue.component(tagName, options)tagName 为组件名,options 为配置选项调用:<tagName></tagName>例:<div id="app"> <runoob></runoob></div> &l原创 2020-08-06 22:40:47 · 132 阅读 · 0 评论 -
Vue.js学习笔记(七):表单
v-model指令v-model 指令在表单控件元素上创建双向数据绑定。输入框:<input v-model="message" placeholder="编辑我……">复选框<p>单个复选框:</p> <input type="checkbox" id="checkbox" v-model="checked"> <label for="checkbox">{{ checked }}</label><原创 2020-08-06 22:22:55 · 190 阅读 · 0 评论 -
Vue.js学习笔记(六):事件处理器
V-on监听v-on监听数据<button v-on:click="counter += 1">增加 1</button>v-on监听javascript方法<!-- `greet` 是定义的方法名 --><button v-on:click="greet">Greet</button>v-on内联javascript语句<button v-on:click="say('what')">Say what&l原创 2020-08-06 22:12:25 · 115 阅读 · 0 评论 -
Vue.js学习笔记(五):样式绑定
Vue.js样式绑定class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。绑定Class 属性我们可以为 v-bind:class 设置一个对象,从而动态的切换 class:<div v-bind:class="{ 'active': isActive }"></div>原创 2020-08-05 16:58:11 · 151 阅读 · 0 评论 -
Vue.js学习笔记(四):监听属性
Vue.js 监听属性 watch我们可以通过 watch 来响应数据的变化。以下实例通过使用 watch 实现计数器:<div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <button @click = "counter++" style = "font-size:25px;">点我</button></div><s原创 2020-08-04 22:43:13 · 224 阅读 · 0 评论 -
Vue.js学习笔记(三):计算属性
计算属性关键词: computed我们看一个反转字符串的例子:<div id="app"> {{ message.split('').reverse().join('') }}</div>这里模板变的很复杂起来,也不容易看懂理解。接下来我们看看使用了计算属性的实例:<div id="app"> <p>原始字符串: {{ message }}</p> <p>计算后反转字符串: {{ reversedMessage原创 2020-08-04 22:32:36 · 176 阅读 · 0 评论 -
Vue.js学习笔记(二):条件语句与循环语句
本章涉及:指令备注v-if/v-else/v-else-if/v-show显示v-for循环v-if<div id="app"> <p v-if="seen">现在seen值为true,你看到了这段话</p> <template v-if="ok"> <h1>hermit</h1> <p>学习v-if条件语句!</p原创 2020-08-04 22:05:14 · 154 阅读 · 0 评论 -
Vue.js学习笔记(一):数据绑定
数据绑定最常见的形式就是使用 {{…}}(双大括号)的文本插值:<div id="app"> <p>{{ message }}</p></div>每个 Vue 应用都需要通过实例化 Vue 来实现。var vm = new Vue({ // 选项})比如,我们来看一个实例:<div id="vue_det"> <h1>site : {{site}}</h1> <h1>ur原创 2020-08-04 21:39:46 · 317 阅读 · 0 评论