自学vue
适合小白
彼岸锋
这个作者很懒,什么都没留下…
展开
-
vue 第十天 (组件的基本使用)
vue 第十天 (组件的基本使用)1、组件的创建,注册 与 调用1.1、创建方式 全局创建 全局组件,意味着可以在多个vue实例中使用 <!-- my-cpn1 组件的调用 --><div id="vue_one"> <my-cpn1></my-cpn1> <my-cpn1></my-cpn1></div><script type="text/javascript"> /原创 2021-03-08 14:51:34 · 110889 阅读 · 0 评论 -
vue 第九天 v-model的基本使用
vue 第九天 v-model的基本使用1、v-model 的基本使用<!-- v-model 表达式--><div id="vue_one"><input type="text" v-model="message"> {{message}}</div><script type="text/javascript"> const vm = new Vue({ el: '#vue_one',原创 2021-03-03 19:08:51 · 111925 阅读 · 3 评论 -
vue 第八天 小结 作业模拟购物车
vue 第八天 小结 作业模拟购物车<div id="vue_one"> <table> <tr> <th>书籍名称</th> <th>出版日期</th> <th>价格</th> <th>购买数量</th> <th>操作原创 2021-03-03 14:58:41 · 111077 阅读 · 2 评论 -
vue 第七天(循环遍历)
vue 第七天(循环遍历)v-for循环1、v-for 遍历数组数组 语法 v-for="(要循环的定义的变量,index 也就是下标) in 要循环的数组"v-for="(item,index) in name" 加下标v-for=“item in name” 不加下标<!-- v-for 表达式--><div id="vue_one"> <ul> <li v-for="(value,index) in name">{{原创 2021-03-03 14:57:43 · 111315 阅读 · 2 评论 -
vue 第六天(条件判断)
vue 第六天 (条件判断)1、v-if 表达式如果v-if里面的相等的话就执行表达式里面的<!-- v-if 表达式--><div id="vue_one"> 如果我是dj你还爱我吗 <h1 v-if="dj=='爱你'">爱你</h1> <h1 v-if="dj=='不爱你'">不爱你</h1></div><script type="text/javascript">原创 2021-03-02 19:24:18 · 111223 阅读 · 0 评论 -
vue 第五天 (事件监听基础)
vue 第五天 (事件监听基础)一般事件监听写的是 v-on:简化@1、单击事件 v-on:click 简化 @click<!--单击+1事件--><div id="vue_one"> <h2>{{result}}</h2> <button @click="increment">+1</button></div><script type="text/javascript">原创 2021-03-03 08:37:42 · 111172 阅读 · 0 评论 -
vue 第四天 (计算属性的使用)
vue 第四天 (计算属性的使用)因为{{div1+div2+div3+div4+…+n}}这种写法比较复杂所以加上 computed 计算属性1、computed 计算属性cmputed 可以完成各种复杂的逻辑,包括运算,函数调用等,只要最终返回一个结果就可以computed 具有缓存功能,只有依赖数据发生改变,才会重新进行计算,否则直接返回之前的计算结果每个计算属性都包含一个 get 和 set 利用 computed 计算属性进行计算<div id="apps"> &原创 2021-03-02 16:07:28 · 111283 阅读 · 0 评论 -
vue 第三天(绑定属性)
花开一千年,花落一千年,花叶永不见原创 2021-02-27 14:13:53 · 110918 阅读 · 0 评论 -
vue 第二天(常用指令及插值语法)
vue 第二天(常用指令及插值语法)插值语法1、Mustache语法<div id="vue_one"> <h1>{{site}}</h1> <h1>{{one + 1}}</h1> <h1>{{one + site}}</h1> <h1>{{one +"-"+ site}}</h1> <h1>{{one}},{{site}}</h1&g原创 2021-02-27 08:42:45 · 111226 阅读 · 0 评论 -
vue 第一天(基本的结构)
vue 第一天(基本的结构)el:就像我们的选择器一样 里面是 # 就是id选择器 里面是 . 就是class选择器 直接写标签就是标签选择器 也可以id+class 或 多个id 等data:相当于我们 el 表达式或者 thymeleaf 一样 上面格式用 {{key}} 下面在data里面定义key和valuedata中可以写数组还有对象。 methods:里面定义方法就像js里的函数一样<!DOCTYPE html><html lang="en"><hea原创 2021-02-26 15:26:10 · 111479 阅读 · 0 评论