![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
开心肖肖乐-
这个作者很懒,什么都没留下…
展开
-
零基础vue(五)——计算属性+组件
计算属性 其实我们使用模板内的表达式是非常便利的,但是表达式实际上只能用于简单的运算。对于任何复杂的逻辑,应当使用计算属性来实现。 关键字:computed 书写格式:和函数一样 下面我们看一个案例,来区别表达式、函数和计算属性的使用。 这里使用了三种方法去实现文字的逆序输出。最后实现的效果一样,这里只需要观察他们的区别就可以了。 <div id="app"> <h1>...原创 2020-04-08 14:59:31 · 437 阅读 · 0 评论 -
vue零基础(四)——VueJS指令(2)
v-for 可以循环数组、对象。 语法: v-for="(item,index) in ditems" v-for=“item in ditems” item:单个项目 index:索引值 in:item在items里面循环 实例代码: 在这里插入代码片 ...原创 2020-04-03 08:17:47 · 138 阅读 · 0 评论 -
vue零基础(三)——vueJS指令(1)
什么是指令 VueJS通过被称为指令的新属性来扩展HTML。 ViueJS通过内置的指令来为应用添加功能。 VueJS允许你自定义指令。 指令的特征 所有指令都包含在Vue实例管理的范围内。 vueJS指令是扩展的HTML属性,带有前缀v-。 v-model指令把元素值(比如输入域的值)绑定到应用程序,存储值。 vueJS指令 v-text:添加纯文本数据,相当于{{表达式}}——不能...原创 2020-03-31 17:16:17 · 192 阅读 · 0 评论 -
vue零基础(二)——基础知识(mvvm+VueJS表达式)
简知mvvm Vue引入了MVVM (Model-View-ViewModeD)模式,他不同于MVC架构。 MVC模式: Model:数据模型,一些JavaScript对象,比如{name :“小小”,age: 18}; View:视图,网页中的内容,-般由HTMl模板生成。 Contoller:控制器(路由),视图和模型之间的胶水。 MVVM模式: Model:它是与应用程序的业务逻辑相...原创 2020-03-29 22:51:30 · 166 阅读 · 0 评论 -
vue零基础学习(一)——我的第一个vue程序
在编写第一个vue程序之前先给大家讲解一些基本的知识点。 常用指令: 指令 含义 v-text 把应用程序数据绑定到元素的更新元素的textContent(也可用过 {{}} 来实现) v-model 把元素值(比如输入域的值)绑定到应用程序 v-bind 可以动态的绑定一个或多个属性到HTML元素上 步骤 使用vue库 引入 实例 注意事项 ...原创 2020-03-29 17:10:49 · 205 阅读 · 0 评论 -
零基础(二)——vue/cli脚手架安装
安装vue/cli脚手架 首先,先确认是否有安装vue/cli. 如果有安装的话就可以直接开始创建项目。 如果安装了但是不是不想要的版本之类的,可以卸载再安装指定的版本。 //安装(如果需要指定版本,则在后面加:@版本号) npm install @vue/cli -g@版本号 //卸载 npm uninstall cue/cli -g 注意: 3.0以下的版本是使用vue-cli 3.0以上的版...原创 2020-03-15 11:09:52 · 201 阅读 · 0 评论 -
零基础(一)——node.js安装及环境配置
随着vue.js越来越火爆,更多的项目都用到vue进行开发,在实际的开发项目中如何搭建开发脚手架呢,今天跟大家分享一下首先先给大家介绍几个基本概念。 需要了解的知识 Html Css+ Javascripts Node.js环境(npm包管理工具) Webpack自动化构建工具 npm/cnpm/yarn概念 使用npm安装插件:命令提示符执行npm install 。(ps.新版本的nod...原创 2020-03-14 11:32:55 · 199 阅读 · 0 评论