![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue2
孟烦了
这个作者很懒,什么都没留下…
展开
-
Vue2.0-3-指令
一、指令类型 【熟练】v-text:渲染普通文本 【熟练】v-html:渲染为浏览器解释的html内容 【熟练】v-bind:绑定数据到属性[自己练习] 例: <span v-bind: title="msg"> 【熟练】v-show: 用于定义元素的显示/隐藏 <button v-on:click="show=原创 2017-03-17 21:23:14 · 268 阅读 · 0 评论 -
Vue2.0-2-数据绑定三种方式
一、绑定数据的三种方式1:普通文本绑定,mustach语法【双大括号】 {{}} 或者 使用v-text 绑定【常用】2:解释HTML标签的绑定:使用v-html绑定【慎用】 2.1 注意:除非是信任的内容使用这样的方式进行数据绑定 2.2 这样的绑定方式,如果内容不是被信任的,有可能会造成XSS攻击 3:将数据绑定到标签的属性上,使用 v-bind:属性名称=原创 2017-03-17 20:33:46 · 3785 阅读 · 0 评论 -
vue2.0-1-概述与安装
一、Vue.js 是什么?Vue,始作俑者:尤雨溪;动机:爱好;目标:没想过;现状:很好 Vue,读音 /vjuː/,类似于 view,是构建用户界面的渐进式框架。 Vue 采用自底向上增量开发的设计 Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合 Vue单文件组件 & 第三方库 = SPA应用 vue-cli提供了高效、快速、便捷的项目搭建 完整的文档体系原创 2017-03-17 13:13:01 · 335 阅读 · 0 评论 -
Vue2.0-4 -指令v-bind 与 v-on 缩写
缩写语法:Vue针对经常频繁使用的两个指令进行简化处理,并且预期以后会出现更多的缩写语法 属性绑定的缩写: v-bind:属性名称 == :属性名称 事件绑定的缩写: v-on:事件名称 == @事件名称缩写的好处和缺点:好处:简化开发,让技术人员在开发的过程中,对于频繁操作的指令进行了简化处理,提高了工作效率<div id="app">原创 2017-03-17 21:30:50 · 1046 阅读 · 1 评论 -
vue2.0项目快速搭建工具——vue-cli
vue项目快速搭建工具——vue-clivue-cli是基于node环境的一个命令行工具。也就是说要执行命令1.安装npm install vue-cli -g 注:全局安装2.vue引入vue-resource插件npm方式:npm install vue-resourse --save-dev main.js中写入import Resource from "vue-resource原创 2017-03-24 15:33:47 · 413 阅读 · 0 评论